/*----------------MEDIA QUERIES---------------------*/
/* Móviles pequeños */
@media only screen and (max-width: 374px) {
    /* Estilos para dispositivos con un ancho máximo de 374px */
 }
 
 /* Móviles medianos */
 @media only screen and (min-width: 375px) and (max-width: 699px) {
    /* Estilos para dispositivos con un ancho entre 375px y 599px */


    body{
      font-size: 10px;
      /* background-color: rebeccapurple; */
    }



/*------- PRINCIPAL ----------*/
.content-central img{
    height: 200px;
    width: 400px;
}

.content-central h1{
  position: relative;
  top: -3%;
}

.principal-p {
  font-size: 2em;
  min-height: 100px; /* o height: 100px */
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 10%;
  padding-right: 10%;
  padding-top: 3%;
  padding-bottom: 3%;
  color: whitesmoke;
  position: relative;
  width: 70%;
  top: -6%;
  text-align: center; /* para centrar el texto si se rompe en varias líneas */


}

.cta-button {
    height: 80px;
    width: calc(80%);
}
/*------- PRINCIPAL ----------*/


/*------ EMPRESA -----------------*/

.empresa-content{
    width: 100%;
    height: 100%;
    padding: 0em;
}

     #empresa p {
    font-size: 1.8em;
    padding: 0.5em;
    width: 95%;
  }
  
.parent {
  width: 90%;
  height: 70%;
  padding: 20px;
  gap: 20px; 

}


.card {
  height: 50px;
  font-size: 1.5em;
  padding: 0.5rem;
  padding-bottom: 1em;
  display: flex;
  align-items: center;

  border-radius: 1.2rem;
}

  .card-title {
    font-size: 1.5em;
    font-weight: 900;
    margin-right: 0.3em;
    width: 50%;
    /* background-color: rebeccapurple; */
  }
.first{
  width: 30%;
}

.third{
  width: 35%;
}
  .ante{
    margin-top: 0.3em;
  }

  .last {
  /* background-color: rebeccapurple; */
  font-size: 1.4em;
  margin: 0em;
  margin-top: 0.3em;
  width: 40%;
}

.icon-box{
    height: 30px;
    width: 30px;
    margin-right: 0.5em;
    /* background-color:red; */
}
   .icon-box img{
    height: 100%;
    width: 100%;
   }



.pie-section-empresa{
    width: 95%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


  .cta-secundaria{
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 1em;
  }

    .red-link-content{ 
    height: 50%;
    width: 100%;
    visibility:hidden;
  }
  
  .red-link-content span{
    font-size:1.5em;
    font-weight: 900;
  }
  
  .cta-button-2{
    height: 100%;
    width: 50%;
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8em;
    margin-bottom: 1.5em;
  }
  /*------ EMPRESA -----------------*/


/*------------- DUEÑO DIRECTO ------------*/
  .title-dueno-directo{
    left: 0%;
    top: 5%;
    transform: skew(5deg, 0deg);
    transform: rotate(0deg);
}

.title-dueno-directo h2{
  padding-left: 30%;
  line-height: 160%;
  /* text-align: center; */
}

 .info{
    height: 15%;
    width: 80%;
    position: absolute;
    top: 20%;
    right: 7%; 
}
.info span{
    text-align: center;
    font-size: 2em;
    font-weight: 800;
    line-height: 20px;
    text-align: left;
    padding: 0.5em;

}

.info:nth-of-type(2){
    top: 20%;
    right: 7%;

}

.info:nth-of-type(3){
    top: 40%;
    right: 7%;
} 

.info:nth-of-type(4){
    top: 60%;
    right: 7%;
} 

.cta-directo{
  left: 10%;
  top: 80%;
}

  /*------------- DUEÑO DIRECTO ------------*/


/*--------- PROPIETARIOS INQUILINOS -------*/
#propietarios_inquilinos {
    height: 220vh;
    display: flex;
    justify-content:center;
    flex-direction: column;
    align-items: center;
  }
.bgblue-p, .propietarios,.bgblue-i,.card-p-i, .inquilinos,.inquilinos-contenido{
  width: 90%;
}

.propietarios{
    height: 120vh;
    display: flex;
    flex-direction: column;
    justify-content:flex-end;
    gap:0px;
}

.propietarios p{
  height: 100px;
  padding: 0.5em;
}
.title-propietarios{
top:13%;
}
.propietarios-contenido h2{
  font-size: 3.5em;
  text-align:center;
  margin-right: 0.5em;
}

.bgblue-p{
  top:120px;
  height: 120vh;
  position: relative;
  top:1%;
  display: flex;
  justify-content:center;
  padding: 1px;
}

.inquilinos{
  height: 100vh;
  top: 15px;
}

.bgblue-i{
  bottom:50px;
  height: 120vh;
}

.cta-button-3{
  width: 80%;
  margin-bottom: 1.2em;
}

#propietarios_inquilinos .bgblue-p .p-i-contenido-inter {
  padding-top: 5em;
}

#propietarios_inquilinos .bgblue-i .p-i-contenido-inter {
  padding-top: 10em;
  height: 120vh;
  bottom: 0%;
}

  /*--------- PROPIETARIOS INQUILINOS -------*/


/*-------- INMOBILIARIAS ----------*/

.capa-wrapper {
  height: 10%;
  width: 100%;
  transform: skewX(0deg);
  top: 0px;
  left: 0px;
}

.title-inmobiliarias{
    left: 0%;
    top: 3%;
    transform: skew(5deg, 0deg);
    transform: rotate(0deg);
    width: 99vw;
}

.title-inmobiliarias h2{
  padding-left: 0%;
  line-height: 180%;
}


.capa {

  transform: rotate(90deg);
}

.capa-1 {
  background: linear-gradient(135deg, #e2e6ec 0%, #bec4cf 40%, #9aa1b0 100%);
  transform: rotate(0deg);
  top: 50%;
}

.capa-2 {
  background: linear-gradient(135deg,#a8e063 0%,  #56ab2f  43%,  #28a745 100%);
  transform: rotate(0deg);
  top: 60%;
}

.capa-3 {
  background: linear-gradient(135deg, #007bff 0%, #4179d5 43%, #163D82 100%);
  transform: rotate(0deg);
  top: 70%;
}

.capa-1 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-2 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-3 span {
  width: 80%;
  height: 50%;
  font-size: 1.5em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 

 .title-content{
    height: 25%;
    width: 80%;
    left: 10%;
    gap: 2em;
    padding: 0px;
    top: 15%;
    font-size: 0.8em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
}

.title-content p span{ 
font-size: 2em;
top: 10%;
/* position: absolute; */
/* background-color: #007bff; */
}

.linea-2 {
margin-top: 3em;
  /* background-color:green; */
}  


.cta-button-4 {
        height: 100px;
        width: 80%;
        font-size: 2em;
        font-weight: 900;
        position: absolute;
        bottom: 5%;
        left: 10%;
    }

.title-content p:nth-of-type(1){
position: absolute;
top: 5%;
margin-bottom: 20em;
font-size: 3.5em;
padding: 0.5em;

}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 2em;
    top: 45%;
    margin-bottom: 20em;
}
/*-------- INMOBILIARIAS ----------*/


/*--------- CONTACTO -------*/


.contacto-content{
  width: 90%;
  height: 100wh;
}

.contacto-content-inter{
   width: 100%; 
  padding: 0%;
  left: 5%;

}

.contacto-content-inter h2{
  font-size: 4em;
   word-break: keep-all; 
  line-height: 1.2;       
   white-space: normal; 
  text-align:justify;     
}

.cta-button-5{
  width: 70%;
}
/*--------- CONTACTO -------*/

/*--------- FOOTER -------*/
footer{
    height: 20vh;
    flex-direction: column;
} 
/*--------- FOOTER -------*/


 }
 
/* Modo horizontal (landscape) */
@media only screen and (max-height: 599px) and (orientation: landscape) {

  /*----------- PRINCIPAL ------------*/
body{
  font-size: 0.5em;
}

.content-central img{
    height: 150px;
    width: 300px;
    top: -1%;
}

.content-central h1{
  position: relative;
  top: -20%;
}

.principal-p {
  top: -25%;
}

.cta-button{
    position: absolute;
    width: 40%;
    bottom: 5%;
}
/*----------- PRINCIPAL ------------*/

/*----------- EMPRESA ------------*/
#empresa {
    height: 200vh;
}
.parent {
  width: 95%;
}

.pie-section-empresa{
    width: 90%;
    height: 180px;
    padding: 4em;

}

  .red-link-content span{
    font-size: 2.5em;
    width: 100%;
  }


/*----------- EMPRESA ------------*/

/*----------- DUENO DIRECTO ------------*/

#dueno_directo{
    height: 150vh;
}
.title-dueno-directo h2{
    padding-left: 25%;
 } 
.info span{
line-height: 30px;
}

.dueno-directo-content .cta-directo{
  left: 5%;
  top: 60%;
  height: 80px;
  width: 25%;
}

.title-dueno-directo h2{
  font-size: 5em;
}

.info span{
  font-size: 2.5em;
}
/*----------- DUENO DIRECTO ------------*/

/*----------- PROPIETARIOS INQUILINOS ------------*/

#propietarios_inquilinos {
    height: 280vh;
  }
.bgblue-p{
  top:-10px;
  height: 250vh;
  width: 40vw;
}

  .propietarios {
    width: 95%;
  }

.card-p-i{
  height: 250vh;
}

.p-i-contenido-inter p{
  font-size: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
}
   .title-propietarios{
    height: 7%;
}

.title-propietarios h2{
  font-size: 4em;
  line-height: 70px;
  padding-right: 20px;
}

.bgblue-i{
  bottom:-20%;
  height: 250vh;
  width: 40vw;
}
  .inquilinos {
    width: 95%;
    height: 107%;
  }

  .title-inquilinos{
    height: 7%;
}

.title-inquilinos h2{
  font-size: 4em;
  line-height: 70px;
  padding-right: 20px;
}

.cta-button-3{
  width: 70%;
}

.propietarios-contenido .p-i-contenido-inter{
  /* background-color: rebeccapurple; */
  margin-top: 15em;
}
/*----------- PROPIETARIOS INQUILINOS ------------*/

/*----------- INMOBILIARIAS ------------*/

#inmobiliarias{
  height: 180vh;
}
.capa-wrapper {
  height: 10%;
  width: 100%;
  transform: skewX(0deg);
  top: 0px;
  left: 0px;
}
.title-inmobiliarias{
  width: 100vw;
  left: 0px;
  transform: skewX(0deg);
  top: 2%;
}

.title-inmobiliarias h2{
    padding-left: 0%;
    line-height: 70px;
    font-size: 8em;
 } 
.title-content p:nth-of-type(2){
  margin-top: 3em;
}
.capa {
  transform: rotate(90deg);
}

.capa-1 {
  background: linear-gradient(135deg, #e2e6ec 0%, #bec4cf 40%, #9aa1b0 100%);
  transform: rotate(0deg);
  top: 55%;
}

.capa-2 {
  background: linear-gradient(135deg,#a8e063 0%,  #56ab2f  43%,  #28a745 100%);
  transform: rotate(0deg);
  top: 65%;
}

.capa-3 {
  background: linear-gradient(135deg, #007bff 0%, #4179d5 43%, #163D82 100%);
  transform: rotate(0deg);
  top:75%;
}

.capa-1 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-2 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-3 span {
  width: 80%;
  height: 50%;
  font-size: 2em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 

.title-content{
    height: 35%;
    width: 70%;
    top: 15%;
    left: 15%;
    gap: 1em;
    padding: 0px;
}

.cta-button-4 {
        height: 70px;
        width: 50%;
        font-size: 2.5em;
        font-weight: 900;
        position: absolute;
        bottom: 2%;
        left: 25%;
    }

.title-content p:nth-of-type(1){
position: absolute;
top: 5%;
margin-bottom: 20em;
font-size: 3.5em;
padding: 0.5em;

}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 3em;
    top: 40%;
    margin-bottom: 20em;
}

/*----------- INMOBILIARIAS ------------*/


/*----------- CONTACTO ------------*/
#contacto{
  height: 150vh;
}

    #contacto video {
        height: 100%; 
        width: 100%; 
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover; 
        z-index: -1; 
    }

.contacto-content{
  width: 90%;
  height: 100%;

}

.contacto-content-inter{
   width: 100%; 
   height: 1005;
  padding: 0%;
  left: 5%;
}

.contacto-content-inter h2{
  font-size: 6em;
  top: 10px;
  position: absolute;
}

.cta-button-5{
  width: 40%;
  height: 25%;
  font-size: 3em;
  position: absolute;
  bottom: 5%;
  font-size: 3.5em;
}
/*----------- CONTACTO ------------*/

}


/*----------- TABLET LANDSCAPE ------------*/
@media screen and (min-width: 950px) and (max-width:1000px) and (orientation: landscape) {

/*----------- PROPIETARIOS INQUILINOS ------------*/  
#propietarios_inquilinos{
  height: 200vh;
}


/* PROPIETARIOS CARD */
.propietarios{
  height: 100%;
}

.bgblue-p{ 
  width: 45%;
  height: 190vh;
  top:-20px;
  left: 3%;
}
.propietarios-contenido{
  /* background-color: red; */
  margin: 0px;
}

.title-propietarios{
  top: 10%;
  height: 10%;
}

.title-propietarios h2{
  line-height: 70px;
}
/* PROPIETARIOS CARD */

/* INQUILINOS CARD */
.inquilinos{
  height: 100%;
}

.bgblue-i{ 
  width: 45%;
  height: 180vh;
  bottom:-150px;
  right: 3%;
}
.inquilinos-contenido{
  /* background-color:#007bff; */
  margin-top: 0px;
  margin: 0px;
}

.inquilinos{
  background-color: #9aa1b0;
}

.bgblue-i .card-p-i {
  top:10px;
}

.title-inquilinos{
  top: 5%;
  height: 10%;
}

.title-inquilinos h2{
  line-height: 70px;

}
/* INQUILINOS CARD */

/*----------- PROPIETARIOS INQUILINOS ------------*/

/*----------- DUEÑO DIRECTO ------------*/
.title-dueno-directo h2{
  line-height: 1.6em;
}
/*----------- DUEÑO DIRECTO ------------*/

}
/*----------- TABLET LANDSCAPE ------------*/



 /* Tabletas */
 @media only screen and (min-width: 600px) and (max-width: 899px) {
    /* Estilos para dispositivos con un ancho entre 600px y 899px */

 }
 
 /* Laptops y escritorios pequeños */
 @media only screen and (min-width: 1025px) and (max-width: 1280px) {
    /* Estilos para dispositivos con un ancho entre 1025px y 1280px */
/* .content-central{
    background-color: antiquewhite; 
}

.content-central img{
    width: 20%;
    height: 20%;
    position: absolute;
    top:-10%;
    background-color: #007bff;
} */

 }
 
 /* Escritorios grandes */
 @media only screen and (min-width: 1281px) {
    /* Estilos para dispositivos con un ancho superior a 1281px */
    body{
        font-size: 0.7em;
    }
 }


@media only screen and (min-width: 1000px) and (max-width: 1399px) {
    body {
          font-size: 0.4em;
        }
    /*---------PRINCIPAL--------*/
    .content-central img{
      height: 250px;
      width: 550px;
      top: 5%;
      /* background-color: #007bff; */
    }

    .principal-p{
      top: 0%;
      font-size: 3em;
    }

    .uno{
    margin-top: 20px;
    }
    /*---------PRINCIPAL--------*/

  /*---------EMPRESA--------*/
    .empresa-content{
      width: 100%;
      height: 100%;
      padding: 0px;
      /* background-color: #007bff; */
    }

    .parent {
      width: 100%;
    }

 /*---------EMPRESA--------*/

 /*---------DUEÑO DIRECTO--------*/
  .title-dueno-directo h2{
    line-height: 80px;
    margin-left: 500%;
  }
  .siete{
    left: 7%;
    width: 20% !important;
  }
 /*---------DUEÑO DIRECTO--------*/


/*---------PROPIETARIOS INQUILINOS--------*/
.title-propietarios{
  height: 8%;
  top: 9%;
}

.title-propietarios h2{
  font-size: 3em;
}

 .p-i-contenido-inter p{
  height: 7em;
  padding: 0.5em;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
 }
  .inter-span{
  margin-top: 0em;
}

.p-i-contenido-inter .azul-borde .inter-span-2{
  color: #28a745;
  margin-bottom: 0px;
}


.tres{
  margin-bottom: 2em;
}

.title-inquilinos{
  height: 8%;
}

.title-inquilinos h2{
  font-size: 3em;
}

.cuatro{
width: 70%;
}
#propietarios_inquilinos{
  height: 150vh;
}


.bgblue-p{
  top:-30px;
  height: 90%;
  width: 40%;
}
.propietarios{
  height: 100%;
    width: 90%;
}

.bgblue-i{
 top:25%;
 width: 40%;
 height: 80%;
}
.inquilinos{
  height: 105%;
  width: 90%;
}

.inquilinos-contenido{
  border-radius: 200%;
}
 /*---------PROPIETARIOS INQUILINOS--------*/


  /*-------- INMOBILIARIAS ----------*/

.capa-wrapper {
  height: 10%;
  width: 100%;
  transform: skewX(0deg);
  top: 0px;
  left: 0px;
}

.title-inmobiliarias{
    left: 0%;
    top: 3%;
    transform: skew(5deg, 0deg);
    transform: rotate(0deg);
    width: 99vw;
}

.title-inmobiliarias h2{
  padding-left: 0%;
  line-height: 110%;
  font-size: 10em;
}


.capa {

  transform: rotate(90deg);
}

.capa-1 {
  background: linear-gradient(135deg, #e2e6ec 0%, #bec4cf 40%, #9aa1b0 100%);
  transform: rotate(0deg);
  top: 50%;
}

.capa-2 {
  background: linear-gradient(135deg,#a8e063 0%,  #56ab2f  43%,  #28a745 100%);
  transform: rotate(0deg);
  top: 60%;
}

.capa-3 {
  background: linear-gradient(135deg, #007bff 0%, #4179d5 43%, #163D82 100%);
  transform: rotate(0deg);
  top: 70%;
}

.capa-1 span {
  width: 80%;
  height: 50%;
  font-size: 4em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-2 span {
  width: 80%;
  height: 50%;
  font-size: 4em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
}

.capa-3 span {
  width: 80%;
  height: 50%;
  font-size: 4em;
  top: 20%;
  left: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
} 

 .title-content{
    height: 25%;
    width: 80%;
    left: 10%;
    gap: 2em;
    padding: 0px;
    top: 15%;
    font-size: 0.8em;
    padding: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: red; */
}

.title-content p span{ 
font-size: 2.5em;
top: 10%;
/* position: absolute; */
/* background-color: #007bff; */
}

.linea-2 {
margin-top: 3em;
  /* background-color:green; */
}  


.cta-button-4 {
        height: 100px;
        width: 60%;
        font-size: 3.5em;
        font-weight: 900;
        position: absolute;
        bottom: 5%;
        left: 20%;
    }

.title-content p:nth-of-type(1){
position: absolute;
top: 8%;
margin-bottom: 20em;
font-size: 5em;
padding: 0.5em;

}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 5em;
    top: 20%;
    margin-bottom: 20em;
}
/*-------- INMOBILIARIAS ----------*/


   /*---------CONTACTO--------*/
 .contacto-content-inter{
  display: flex;
  flex-direction: column;
  justify-content: center;

 }
  /*---------CONTACTO--------*/

  }


  /* Escritorios grandes */
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
    body {
        font-size: 0.6em;
    }
    
    /*---------PRINCIPAL--------*/
.content-central h1{
  /* background-color: red; */
  height: 10%;
  justify-content: center;
  display: flex;
}

.principal-p{
  line-height: 1.5em;
  font-size: 2.1em;
}

    .content-central img{
      height: 300px;
      width: 600px;
      top: 8%;
      /* background-color: #007bff; */
    }
    /*---------PRINCIPAL--------*/

    /*---------INMOBILIARIAS--------*/
    .title-content{
      top: 25%;
      width: 30%;
      height: 45%;
    }

    .title-content p span{
    display: block;
    margin-bottom: 10px; 
    }



.title-content p:nth-of-type(1){
position: absolute;
font-size: 3.5em;
line-height: 1.1em; 
}

.title-content p:nth-of-type(2){
    position: absolute;
    font-size: 2em;
    top: 50%;
    margin-bottom: 20em;
    line-height: 1em; 
} 


  .title-inmobiliarias h2{
  line-height: 1em;
  font-size: 6em;
  }

    .cinco{
      left: 5%;
      font-size: 2.2em;
    }

    .linea-2{
      line-height: 10px;
      height: 10%;
      /* background-color: red; */
      justify-content: center;
      align-items: center;
      display: flex;
      padding: 0.5em;
    }

    .capa-1 span ,.capa-2 span,.capa-3 span{
      font-size: 3em;
    }
 /*---------INMOBILIARIAS--------*/

 /*---------DUEÑO DIRECTO--------*/
 .title-dueno-directo h2{
  line-height: 55px;
 }
 .siete{
  left: 7%;
  font-size: 3.5em;
 }
 /*---------DUEÑO DIRECTO--------*/


  /*---------PROPIETARIOS INQUILINOS--------*/
.title-propietarios{
  height: 8%;
  top: 9%;
}

.title-propietarios h2{
  font-size: 3em;
}

 .p-i-contenido-inter p{
  height: 5em;
 }
  .inter-span{
  margin-top: 0em;
}

.p-i-contenido-inter .azul-borde .inter-span-2{
  color: #28a745;
  margin-bottom: 0px;
}

.tres{
  margin-bottom: 2em;
}

.title-inquilinos{
  height: 8%;
}

.title-inquilinos h2{
  font-size: 3em;
}

.cuatro{
width: 60%;
}
#propietarios_inquilinos{
  height: 150vh;
}


.bgblue-p{
  top:-30px;
  height: 90%;
}
.propietarios{
  height: 100%;
}

.bgblue-i{
 top:20%;
 height: 80%;
}
.inquilinos{
  height: 105%;
}

.inquilinos-contenido{
  border-radius: 200%;
}
 /*---------PROPIETARIOS INQUILINOS--------*/

 /*---------EMPRESA--------*/
.empresa-content{
  width: 100%;
}
 /*---------EMPRESA--------*/

  /*---------CONTACTO--------*/
 .contacto-content-inter{
  display: flex;
  flex-direction: column;
  justify-content: center;
 }

 .seis{
  font-size: 2.5em;
 }
  /*---------CONTACTO--------*/
}

 /*----------------MEDIA QUERIES---------------------*/