/* CSS HEADERS */
html,body{
  margin:0;  
  font-family:'Lora',serif; /*Section title font*/

}

/* Header title */
.info{
  width:100%;
  padding:30vh 0 0 0;
  text-align:center;
  text-shadow:0 2px 3px rgba(0,0,0,1.0);
}

/* ABOUT */
.headerAbout{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  /*justify-content:center;*/
  align-items:center;
  /*align-content:space-between;*/
  min-height:65vh;
  min-width:100vw;
  color:#eee;
}
.headerAbout:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.headerAbout:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); 
  background:#1B2030 url(../img/header_about.jpg) 60% 0% no-repeat; /* Posicion de la imagen para resoluciones de moviles*/
  background-size:cover;
  background-attachment:inherit;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.headerAbout a{
  color:#eee
}

@media only screen and (max-width: 600px) {
 .headerAbout {
    background-size: contain;
    background-repeat: no-repeat;
 }
 .headerAbout {
    min-height: auto!important;
    margin-top: 65px;
	padding-bottom: 12vh;
 }
}

/* GALLERY */
.headerGallery{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  /*justify-content:center;*/
  align-items:center;
  /*align-content:space-between;*/
  min-height:65vh;
  min-width:100vw;
  color:#eee;
}
.headerGallery:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.headerGallery:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); 
  background:#1B2030 url(../img/header_gallery.jpg) 60% 0% no-repeat; /* Posicion de la imagen para resoluciones de moviles*/
  background-size:cover;
  background-attachment:inherit;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.headerGallery a{
  color:#eee
}

@media only screen and (max-width: 600px) {
 .headerGallery {
    background-size: contain;
    background-repeat: no-repeat;
 }
 .headerGallery {
    min-height: auto!important;
    margin-top: 65px;
	padding-bottom: 12vh;
 }
}


/* MEDIA */
.headerMedia{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  /*justify-content:center;*/
  align-items:center;
  /*align-content:space-between;*/
  min-height:65vh;
  min-width:100vw;
  color:#eee;
}
.headerMedia:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.headerMedia:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); 
  background:#1B2030 url(../img/header_media.jpg) 0% 10% no-repeat; /* Posicion de la imagen para resoluciones de moviles*/
  background-size:cover;
  background-attachment:inherit;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.headerMedia a{
  color:#eee
}

@media only screen and (max-width: 600px) {
 .headerMedia {
    background-size: contain;
    background-repeat: no-repeat;
 }
 .headerMedia{
    min-height: auto!important;
    margin-top: 65px;
	 padding-bottom: 12vh;
 }
}

/* SCHEDULE */
.headerSchedule{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  /*justify-content:center;*/
  align-items:center;
  /*align-content:space-between;*/
  min-height:65vh;
  min-width:100vw;
  color:#eee;
}
.headerSchedule:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.headerSchedule:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); 
  background:#1B2030 url(../img/header_schedule.jpg) 60% 0% no-repeat; 
  background-size:cover;
  background-attachment:inherit;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.headerSchedule a{
  color:#eee
}

@media only screen and (max-width: 600px) {
 .headerSchedule {
    background-size: contain;
    background-repeat: no-repeat;
 }
 .headerSchedule{
    min-height: auto!important;
    margin-top: 65px;
	padding-bottom: 12vh;
 }
}


/* CONTACT */
.headerContact{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-wrap:wrap;
  /*justify-content:center;*/
  align-items:center;
  /*align-content:space-between;*/
  min-height:65vh;
  min-width:100vw;
  color:#eee;
}
.headerContact:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);
}
.headerContact:before{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    transform: translateZ(0); 
  background:#1B2030 url(../img/header_contact.jpg) 60% 20% no-repeat; 
  background-size:cover;
  background-attachment:inherit;
  animation: grow 60s  linear 10ms infinite;
  transition:all 0.2s ease-in-out;
  z-index:-2
}
.headerContact a{
  color:#eee
}

@media only screen and (max-width: 600px) {
 .headerContact {
    background-size: contain;
    background-repeat: no-repeat;
 }
 .headerContact{
    min-height: auto!important;
    margin-top: 65px;
	padding-bottom: 12vh;
 }
}

