:root{
    /*CORES*/
    --amarelo-sollar: #F7B500;
    --azul-escuro-sollar: #062A43;
    --cinza-medio-sollar: #909090;
    --cinza-claro-sollar: #DDDDDD;
    --branco-sollar: #fff;
    --cinza-border: #F7F7F7;
    /*FONTES*/
    font-family: 'Baloo Chettan 2', 'DM Sans', Arial;
    --f-family-1: 'Baloo Chettan 2';
    --f-family-2: 'DM Sans';
    /* TAMANHOS */
    --f-size-pp  : 9px;
    --f-size-p  : 10px;
    --f-size-m  : 12px;
    --f-size-mm : 14px;
    --f-size-g  : 18px;
    --f-size-gg : 20px;
    --f-size-x : 22px;
    --f-size-xg : 30px;
    --f-size-xx : 36px;
    --f-size-xxx : 44px;
}
    
.section-blog{
    display: flex;
    justify-content: center;
    text-align: center;
}

.data-postagem{
    font-size: var(--f-size-gg);
    font-weight: 700;
    margin: 100px 0 75px 0;
    width: 360px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: solid var(--amarelo-sollar);
}

.data-postagem span{
    font-weight: 400;
}

.title-blog{
    font-size: 56px;
    font-weight: 700;
    margin-top: 110px;
}

.conteudo-blog{
    margin-top: 75px;
    text-align: center;
}

.conteudo-blog p{
    width: calc(100% - 20%);
    margin: 25px 0 25px 10%;
    font-size: var(--f-size-g);
    font-weight: 400;
    display: flex;
    justify-content: center;
    text-align: justify;
}

.imagens-blog{
    width: 1000px;
    border-radius: 16px;
}

.subtitulo-blog{
    margin-top: 20px;
    text-transform: uppercase;
    font-size: var(--f-size-g);
    font-weight: 700;
    margin: 20px;
}

.icones-pretos-blog{
    width: 200px;
    text-align: left;
    margin: 75px 0 0 10%;
}

.icones-pretos-blog i{
    font-size: 50px;
    margin-right: 10px;
}

.icons div{
    display: flex;
    justify-content: space-evenly;
}

@media only screen and (max-width: 480px) {

    .centraliza{
        width: 300px;
    }

    .data-postagem{
        font-size: var(--f-size-p);
        width: 175px;
        margin: 70px 0 45px 0;
    }
    
    .title-44px{
        font-size: var(--f-size-g);
    }

    .conteudo-blog{
        margin-top: 45px;
    }

    
    .conteudo-blog p{
        width: auto;
        font-size: var(--f-size-m);
        font-weight: 400;
        margin: 20px;
        text-align: justify;
    }

    .imagens-blog{
        width: 300px;
    }
    
    .subtitulo-blog{
        text-transform: uppercase;
        font-size: var(--f-size-g);
        font-weight: 700;
        margin: 20px;
    }
    
    .icons{
        font-size: 300px;
        text-align: center;
    }

    .icones-pretos-blog{
        width: 300px;
        text-align: center;
        margin: 0;
        margin-top: 50px;
    }
    
    .icones-pretos-blog i{
        font-size: 30px;
        margin-right: 10px;
    }

}