body {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  line-height: 1.6;
}

/*============= HERO =============*/
.hero{
position:relative;
width:100%;
height:50vh;
min-height:500px;

/* imagen de fondo */
background:url("../../images/asesoria.jpg") center 60%/cover no-repeat;

display:flex;
align-items:center;
justify-content:center;
text-align:center;
}

/* overlay suave */
.hero-overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.35); /* suavidad */
}

/* contenido */
.hero-content{
position:relative;
z-index:2;
color:#fff;
max-width:800px;
padding:0 20px;
}

.hero-content h1{
font-size:60px;
font-weight:700;
margin-bottom:20px;
}

.hero-content p{
font-size:20px;
margin-bottom:30px;
opacity:.95;
}

/* botón */
.hero-btn{
display:inline-block;
padding:16px 34px;
background:#7b2121;
color:#fff;
text-decoration:none;
border-radius:1px;
font-weight:600;
transition:.3s;
}

.hero-btn:hover{
transform:translateY(-3px);
}


/*========= Responsive =========*/
@media(max-width:768px){

.hero{
height:65vh;
}

.hero-content h1{
font-size:38px;
}

.hero-content p{
font-size:16px;
}

}