* {
    padding: 0px;
    margin: 0px;
}


.contenedor {
  width: 100vw;
  height: 100vh;
  border-color: black;

    background-size: 100vw 100vh;


    animation-name: banner;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction:reverse;
    
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    

}

@keyframes banner {
    0%, 50% {
        background-image: url(fondo.jpg);
        
        
      
    }
    51%, 100% {
        background-image: url(fondo.jpg);
    }
}



.contenedor > div {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    width: 200vw;
    height: 53vh;
    background-image: url(fondo2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
   

}

.ahuayroexportimport {
margin-top: 5vh;
  margin-bottom: auto;
  margin-left: auto;
  margin-right: auto;
  width: 191px;
  height: 17vh;
  background-image: url(assets/ahuayro.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: white;
    

}

.parrafo_uno {
    font-family: 'EB Garamond', serif;
    margin-top: 1.0vh;
    color: white;
    text-align: center;
    font-size: 5.5vh;
    
}

.parrafo_dos {
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 1.5vh;
    color: white;
    text-align: center;
    font-size: 1.7vh;
    font-weight: bold;
}

.in-line {
    margin-top:1.5vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
   /*  border-color: black;
    border-width: 1px;
    border-style: dotted; */

}


.correo_img {
    margin-top: auto;
    margin-bottom: auto;
    width: 3vw;
    height: 3vh;
    background-image: url(img/correo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
   /*  border-color: black;
    border-width: 1px;
    border-style: dotted; */
     filter: brightness(0) invert(1);

}   

.whatsapp_img {
    margin-top: auto;
    margin-bottom: auto;
    width: 3vw;
    height: 3vh;
    background-image: url(img/whatsapp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
     filter: brightness(0) invert(1);

}   

.texto {
    font-family: 'Noto Sans JP', sans-serif;
    
    margin-top: auto;
    margin-bottom: auto;
    color: white;
    text-align: center;
    font-size: 2vh;
    width: auto;
 
}


.correo {
/* 
    border-color: black;
    border-width: 1px;
    border-style: dotted;
 */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: auto;
    justify-content: center;

 
}

.telefono {
    /* 
    border-color: black;
    border-width: 1px;
    border-style: dotted;
 */
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    width: auto;
    justify-content: center;
   
}


.villacorp {
    margin-top: 2vh;

    margin-left: auto;
    margin-right: auto;
    
    width: 100vw;
    height: 7vh;
    background-image: url(img/logo_villacorp.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    
}

.parrafo_tres {
    font-family: 'EB Garamond', serif;
    margin-top: 1vh;
    color: white;
    text-align: center;
    font-size: 2.5vh;
    /* font-weight: bold; */
}




@media only screen and (max-width: 780px) {
    .contenedor > div {
        background-image: none;
        background-color: whitesmoke;
    }

    
    .correo {
        width: 100%;
    }

    .telefono {
        width: 100%;
    }

    .whatsapp_img  {
        width: 3vh;
    }

    .correo_img {
        width: 3vh;
    }





}