{# -------- CABECERA ---------- #}

.header{
  background-color:gray;
  position: relative;
}
.header .contenedor-texto-cabecera{
  position: relative;
  color:white;
  z-index: 10;
  padding: 15vh 0;
}
.header .titulo-cabecera{
  font-weight: 700;
  font-size: 2.7em;
  text-align: center;
}
@media (max-width: 768px) {
  .header .titulo-cabecera{
    font-size: 1em;
  }
}
.header .titulo-cabecera *{
  color:white;
}
.header .subtitulo-cabecera{
  font-size: 1.5em;
  font-weight: 100;
  text-align: center;
}
.header .subtitulo-cabecera *{
  color:white;
}

{# ---- estilos para movil ------ #}
@media (max-width: 768px) {
  header h1,
  header h2,
  header p{
    text-align: center !important;
  }
  header h1{
    font-size:40px !important;
  }
    
}