.historia{
    .topo{
        width: 100%;
        height: 400px;
        background-size: cover;
        background-position: center;
    }
    .descricao{
        color: #545454;
        padding: 90px 15%;
        h2{
            font-weight: 700;
            color: var(--azulventex);      
            text-align: center;      
            margin: 0 auto 30px;
            font-size: 2.5rem;
        }
        p{
            font-size: 1.2rem;
            line-height: 1.5;
            font-weight: 300;
            text-align: justify;
        }
        h3{
            font-weight: 700;
            color: var(--azulventex);      
            text-align: center;      
            margin: 10px 0;
            font-style: italic;
            font-size: 1.5rem;
        }
    }
    @media screen and (max-width: 1560px) {
        .descricao{
            padding: 70px 10%;
            p{
                font-size: 1.1rem;
            }
        }
    }
    @media screen and (max-width: 1024px) {
        .descricao{
            padding: 60px;
            p{
                font-size: 1rem;
            }
        }
    }   
    @media screen and (max-width: 480px) {
        .topo {
            width: 100%;
            height: 280px;
            background-attachment: unset;
            background-position: center;
        }
        .descricao{
            padding: 40px 30px;
            h2{
                margin: 0 0 15px;
                font-size: 2rem;
            }
            h3{
                font-size: 1.3rem;
                line-height: 1.1;
            }
        }
    }
}
.bgcinza{
    background: #f9fafb;
}