/**
 * Módulo okbannerhome
 *
 * Sólo lo imprescindible para que la imagen no desborde. El diseño (colores,
 * tipografías, espaciados, columnas…) se hace con Bootstrap desde el tema;
 * este fichero se puede vaciar o borrar sin romper nada (si lo borras, quita
 * también el registerStylesheet del módulo).
 */

.okbh {
    padding: 20px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.okbh__inner{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.okbh__content{
    max-width: 840px;
    margin: auto;
    text-align: center;
}
.okbh__subtitle{
    font-size: 12px;
    font-weight: 500;
    color: #1D4E2B;
    border: 1px solid #DCD7CD99;
    background-color: #FBF7F0;
    display: inline-block;
    border-radius: 16px;
    padding: 6px 20px;
    margin-bottom: 25px;
}
.okbh__title{
    font-size: 35px;
    font-weight: 600;
    color:#1D4E24;
}
.okbh__text{
    font-size: 15px;
    font-weight: 400;
    color:#544B45;
    max-width: 618px;
    margin: auto;
}

.okbh__ctas{
    margin-top: 30px;
}
.okbh__cta{
    font-size: 14px;
    font-weight: 600;
    border-radius: 16px;
} 
.okbh__cta--2{
    color:#110F0E;
    border:1px solid #BAB1AB;
    background-color:#F8F7F7;
}
@media(min-width:600px){    
    .okbh__title{
        font-size: 56px;        
    }
    .okbh__text{
        font-size: 18px;       
    }
}
@media(min-width:992px){
    .okbh{
        min-height: 693px;
        padding:
    }    
}