.hero{

  position:relative;

  width:100%;

  height:100vh;

  overflow:hidden;

  display:flex;

  justify-content:center;

  align-items:center;

}

/* VIDEO */

.hero-video{

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:100%;

  z-index:1;

}

.hero-video iframe{

  position:absolute;

  top:50%;
  left:50%;

  width:100vw;
  height:100vw;

  min-width:100%;
  min-height:100%;

  transform:
  translate(-50%,-50%);

  border:0;

  pointer-events:none;

}

/* OVERLAY */

.hero-overlay{

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:100%;

  background:
  rgba(0,0,0,0.45);

  z-index:2;

}

/* CONTENIDO */

.hero-content{

  position:relative;

  z-index:3;

  text-align:center;

  color:white;

}

/* TITULO */

.hero h1{

  font-size:90px;

  margin-bottom:20px;

  letter-spacing:4px;

}

/* TEXTO */

.hero p{

  font-size:24px;

  margin-bottom:40px;

}

/* BOTON */

.hero-button{

  display:inline-block;

  padding:18px 40px;

  background:white;

  color:#111;

  text-decoration:none;

  border-radius:50px;

  font-weight:bold;

  transition:0.3s;

}

/* HOVER */

.hero-button:hover{

  transform:scale(1.05);

}

/* RESPONSIVE */

@media(max-width:768px){

  .hero h1{

    font-size:48px;

    text-align:center;

    padding:0 20px;

  }

  .hero p{

    font-size:18px;

    padding:0 20px;

  }

  .hero-button{

    padding:14px 30px;

    font-size:14px;

  }

}