section.hero{
    background: rgba(246, 236, 230, 0.85);
}

section.hero div{
    width: 100% !important;
    /*display: flex;
    align-items: center !important;
    justify-content: center !important;*/
    text-align: center !important;
}

section div .subtitulo{
    color: #5A19C3;
    font-family: 'Piazzolla', serif !important;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 125%; /* 22.5px */
    text-transform: uppercase !important;
}

section div .titulo{
    color: #000;
    font-family: 'Piazzolla', serif !important;
    font-size: 44px;
    font-style: italic;
    font-weight: 300;
    line-height: 120%;
}

p.texto{
    color: #000;
    font-family: 'Piazzolla', serif !important;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 33px */
    text-align: justify !important;
}

@media screen and (min-width: 1024px){
    .container.parent{
        max-width: 1180px !important;
    }
    /*
    div.container.parent{
        margin-left: 35px !important;
        margin-right: 35px !important;
        width: 100% !important;
    }
    */
    section.hero{
        margin-bottom: 33px !important;
    }
}

@media screen and (max-width: 768px){
    .hero-body{
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
    section div .subtitulo{
        color: #5A19C3;
        font-family: 'Piazzolla', serif !important;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 125%; /* 20px */
        text-transform: uppercase !important;
    }
    section div .titulo{
        color: #000;
        font-family: 'Piazzolla', serif !important;
        font-size: 32px;
        font-style: italic;
        font-weight: 300;
        line-height: 120%;
    }
}