@font-face{
  font-family: "Cormorant-BoldItalic";
  src:url("../fonts/Cormorant-BoldItalic.otf");
}

@font-face{
  font-family: "Lato-Bold";
  src:url("../fonts/Lato-Bold.ttf");
}

@font-face{
  font-family: "Lato-Regular";
  src:url("../fonts/Lato-Regular.ttf");
}

@font-face{
  font-family: "Lato-Thin";
  src:url("../fonts/Lato-Thin.ttf");
}

@font-face{
  font-family: "Italianno-Regular";
  src:url("../fonts/Italianno-Regular.otf");
}

.cormo{
  font-family: Cormorant-BoldItalic;
}

.latoR{
  font-family: Lato-Regular;
}

.latoB{
  font-family: Lato-Bold;
}

.latoT{
  font-family: Lato-Thin;
}

.italiano{
  font-family: Italianno-Regular;
}

.bg-blueD{ background:#1b618c; }
.bg-blueL{ background:#dceff4; }
.bg-crema{ background:#faf4e4; }
.bg-crema2{ background: #fffcf3; }
.bg-gray{ background: #f6f6f6; }
.bg-golden{ background:#b89026; }


.text-blueD{ color:#1b618c; }
.text-blueL{ color:#dceff4; }
.text-crema{ color:#f9f4e4; }
.text-crema2{ color: #fffcf3; }
.text-gray{ color: #f6f6f6; }
.text-golden{ color:#b89026; }


.enlace{
  font-family: Lato-Thin;
  text-decoration: none;
    color: #000;
}

.deg-blue{
  background: #00000029;
}
/**********Header video*************/

.caption-video{
  position: absolute;
  top: 25%;
  left: 20%;
  right: 20%;
  color: #d4d3d3;
  font-size: 2rem;
  text-align: justify;
  font-size: 1.5vw;
}


/* Video Parallax Section*/
.parallaxVideo {
  height: 100vh;
}

.parallaxVideo video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

/*****************************************/

.sectionvh{
  min-height: 60vh;
}
.sectionIntVH{
  min-height: 80vh;
}
.parallax1{
  background: url('../img/home/platillo1.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 60vh;
  background-attachment: fixed;
} 

.parallax2{
  background: url('../img/home/platillo2.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 60vh;
  background-attachment: fixed;
}


.parallax3{
  background: url('../img/home/platillo3.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 60vh;
  background-attachment: fixed;
}

.parallaxHistoria{
  background: url('../img/historia/pedrito.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
  background-attachment: fixed;
}

.parallaxHistoria2{
  background: url('../img/historia/familia.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
  background-attachment: fixed;
}


.parallaxCocina{
  background: url('../img/cocina/lomejor.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
  background-attachment: fixed;
}

.parallaxCocina2{
  background: url('../img/cocina/destino.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
  background-attachment: fixed;
}


.parallaxMenu{
  background: url('../img/menu/menu2.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  min-height: 80vh;
  background-attachment: fixed;
}

.btn-es {
    background: url(../img/menu/es.png) no-repeat center;
    background-size: cover;
    color: #fff;
    padding: 5px 50px;
    margin: 1rem 1rem;
}

.btn-en {
    background: url(../img/menu/en.png) no-repeat center;
    background-size: cover;
    color: #006591;
    padding: 5px 50px;
    margin: 1rem 1rem;
}
.wrapper {
  width: 100%;
  height:100%;
  /*min-height:600px; /*just for example*/
  display: flex;
  flex-direction: column; /* NEW */
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}


.whatsapp {
    position: fixed;
    width: 45px;
    height: 45px;
    bottom: 100px;
    right: 10px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    z-index: 100;
}
.my-float:hover{
  color: #ffffff!important;
}

.whatsapp:hover{
  color: #ffffff!important;
}


/* Medium devices (tablets, less than 992px)*/
@media (max-width: 1424px) {
  .sectionvh{
    min-height: 20vh;
  }

  .sectionIntVH{
    min-height: 20vh;
  }

  .parallax1{
    min-height: 40vh;
    background-attachment: initial;
  } 

  .parallax2{
    min-height: 40vh;
    background-attachment: initial;
  }


  .parallax3{
    min-height: 40vh;
    background-attachment: initial;
  }

  .parallaxHistoria{
    min-height: 50vh;
    background-attachment: initial;
  }

  .parallaxHistoria2{
    background: url('../img/historia/familia.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
    background-attachment: initial;
  }


  .parallaxCocina{
    min-height: 50vh;
    background-attachment: initial;
  }

  .parallaxCocina2{
    min-height: 50vh;
    background-attachment: initial;
  }


  .parallaxMenu{
    min-height: 20vh;
    background-attachment: initial;
  }
}

@media (max-width: 767.98px) {
  .caption-video {
    position: absolute;
    top: 15%;
    left: 10%;
    right: 10%;
    color: #d7d7d7;
    font-size: 4vw;
  }

  .sectionvh{
    min-height: 40vh;
  }

  .sectionIntVH{
    min-height: 40vh;
  }

  .parallax1{
    min-height: 30vh;
    background-attachment: initial;
  } 

  .parallax2{
    min-height: 30vh;
    background-attachment: initial;
  }


  .parallax3{
    min-height: 30vh;
    background-attachment: initial;
  }

  .parallaxHistoria{
    min-height: 40vh;
    background-attachment: initial;
  }

  .parallaxHistoria2{
    background: url('../img/historia/familia.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 40vh;
    background-attachment: initial;
  }


  .parallaxCocina{
    min-height: 40vh;
    background-attachment: initial;
  }

  .parallaxCocina2{
    min-height: 40vh;
    background-attachment: initial;
  }


  .parallaxMenu{
    min-height: 40vh;
    background-attachment: initial;
  }

}