@import url(_variaveis.css);
@import url(_reset.css);
body {
    font-family: "FuturaBook";
    font-size: 20px;
}

.titulo {
    color: #333F66;
    font-size: 35px;
    line-height: 25px;
    display: flex;
}

.titulopag {
    color: #333F66;
    line-height: 25px;
    /* font-size: 30px; */
    font-size: 30px;
}

.titulo--branco {
    color: #fff;
    font-size: 35px;
    line-height: 25px;
}

.titulo--destaque {
    font-family: "Roboto";
    font-weight: 700;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.titulo--normal {
    font-family: "Roboto";
    font-weight: 300;
    margin-top: .75rem;
    margin-bottom: .75rem;
}

.titulo--normal--dupla {
    font-family: "Roboto";
    font-weight: 300;
    margin-top: .75rem;
    margin-bottom: .75rem;
    display: block;
}

.titulo--normal--dupla--esquerda {
    font-family: "Roboto";
    font-weight: 300;
    margin-top: .75rem;
    margin-bottom: .75rem;
    /* margin-left: 2.4rem; */
    display: block;
}

.alinhamento--esquerda {
    text-align: left;
}

.alinhamento--centralizado {
    text-align: center;
}

.icone--dupla {
    position: relative;
    /* padding-left: 40px; */
    padding-left: 60px;
}

.icone--dupla::before {
    content: '';
    width: 49px;
    height: 60px;
    position: absolute;
    background-image: url('../../img/icone.png');
    background-size: cover;
    background-position: center;
    /* left: -20px; */
    left: 0;
    top: 30px;
    transform: translateY(-50%);
}

.icone--normal {
    position: relative;
    padding-left: 40px;
}

.icone--normal::before {
    content: '';
    width: 40px;
    height: 52px;
    position: absolute;
    background-image: url('../../img/icone.png');
    background-size: cover;
    background-position: center;
    left: -5px;
    top: 13px;
    transform: translateY(-50%);
}

.section {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    /* padding-bottom: 1.5rem; */
}

.section__top {
    padding-top: 3rem;
}

.section__bottom {
    padding-bottom: 3rem;
}

.section__bottom5rem {
    padding-bottom: 5rem;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (max-width: 768px) {
    .titulo--destaque {
        font-size: 25px;
    }
    .icone--dupla::before {
        content: '';
        left: 5px;
        /* left: -15px; */
        top: 30px;
    }
    .icone--dupla {
        padding-left: 70px;
    }
    .titulo--normal--dupla--esquerda {
        margin-left: 0;
        /* margin-left: 4.2rem; */
    }
    .titulopag {
        font-size: 25px
    }
    .section__bottom5rem {
        padding-bottom: 2rem;
    }
}

@media(max-width: 414px) {
    .titulo--destaque {
        font-size: 28px;
    }
    .titulo--normal--dupla--esquerda {
        margin-left: 0;
    }
}