#hero{
    padding-top:120px;
}

    #hero h2 {
        font-weight: 700;
        font-size: 2.4rem;
        max-width: 900px;
        max-width: 900px;
    }

    #hero p {
        max-width: 700px;
    }

        @media (min-width: 768px) {
            #hero h2 {
                font-size: 3rem;
            }
        }
#hero .overline {
    color: var(--af-primary);
    font-weight:500;
    font-size:1.2rem;
}
#hero h2 span{
    color:var(--af-primary)
}

    #mensagem {
        background-color: var(--af-primary)
    }

#mensagem .container{
    max-width:980px
}
#mensagem h4 {
    font-size:2.2rem;
    line-height:1.3;
    font-family: "Crimson Pro", serif;
    color:white;
}
#mensagem p{
    font-size:1.15rem;
    color:rgba(255,255,255,.45);
    margin-top:1.5rem;
}

#parceiros h2 {
    font-size: 2.4rem;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700;
}

#parceiros p {
    max-width: 550px;
    margin-left: auto;
    margin-right:auto;
}