@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,500,700|Montserrat:400,700,900|Roboto:900,700,500,400,300,200|Roboto+Condensed:700,400,300|Anton");


#hero1 .video-container iframe {
  position: absolute;
  top: 75%;
  left: 50%;
  width: 150%;
  height: 150%;
  transform: translate(-50%, -70%);
  pointer-events: none;
  z-index: -20;
}

.hero{
	display: flex;
  flex-direction: row;
	align-items: center;
	justify-content:flex-start;
	width: 100vw;
	height: 88vh;
  background-color: #ffffff;
  z-index: 90;
}

.textoBase{
	max-width: 55vw;
  z-index: 55;
  margin-top: 20vh;
  margin-left: 0vw;
  
}

.textoBase img {
  max-width: 30vw;
  margin-bottom: -15px;
  margin-left: 3vw;
  z-index: 56;
}
.herobt {
  background-color: #ffc300;
}


.textoBase p{
  z-index: 58;
	font-size: 4.6vh;
	letter-spacing: 2px;
	line-height: 3vh;
  color: #2c2a59;
  background-color: #ffc300;
  padding: 10px 30px;
	font-family: 'Anton';
	font-weight: 600;
	margin-bottom: 2vh;
  box-shadow: 6px 6px 8px -2px  rgba(0,0,0,0.6);
}
.textoBase p a{
  text-decoration: none;
  color: #2c2a59;
}



#days {
  margin-top: -2.4vh;
  z-index: 60;
  color: #ffffff;
  font-size: 3.6vh;
  font-weight: 400;
  background-color: #4d8c41;
  text-align: right;
  letter-spacing: 4px;
}

  @media (max-width: 768px) {
    #hero1 .video-container iframe {
  position: absolute;
  top: 75%;
  left: 50%;
  width: 120%;
  height: 120%;
  transform: translate(-50%, -70%);
}

.textoBase{
	max-width: 100vw;
  width: 100vw;
  margin-top: 40vh;
  margin-left: 0vw;  
}

.textoBase img {
  max-width: 67vw;
}
.textoBase p{
  z-index: 58;
	font-size: 4.3vw;
  text-align: right;
	letter-spacing: 2px;
	line-height: 5vw;
  padding: 10px 30px;
	margin-bottom: 2vh;

}
#days2 {
  margin-top: -4.5vw;
  z-index: 60;
  color: #ffffff;
  font-size: 4.3vw;
  font-weight: 400;
  background-color: #4d8c41;
  text-align: right;
  letter-spacing: 4px;
}

.whatsapp-main {
  bottom: 1vh;
  display: inline-block;
  left: auto;
  position: fixed;
  right: 1vh;
  z-index: 9999999;
  }
  .logoMob{
    position: absolute;
    top:0px;
    right: 15px;
    max-width: 45vw;
    background-color: #ffc300;
    padding:10px 6px 20px 6px;
    display:flex;
    justify-content: center;
    align-items: center;
  }
   .logoMob img{
    max-width: 40vw;
   }

  }