html{overflow-x: hidden;}
*{
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;}
p{
    font-size: 1rem;
    font-weight: 550;
    margin-bottom: 1rem;}

h1{font-size: 1.4rem;
    margin-bottom: 60px;}

body{background-color: var(--branconeve);}

:root{
    --branco:#ffffff;
    --branconeve: #f1f1f1;
    --azul: #4d96ff;
    --preto: #000000;
    --grafite: #383838;}
    
.seccontent{
    position: relative;
    max-width: 1220px;
    width: 100%;
    height: auto;
    margin: 0 auto;}

.ads{
    position: inherit;
    max-width: 200px;
    width: 100%;
    height: 600px;
    top: 100px;
    float: right;}

.postcontent{
    background-color: var(--branco);
    position: inherit;
    max-width: 750px;
    width: 100%;
    height: auto;
    margin: 0;
    top: 100px;
    margin-bottom: 200px;
    padding: 20px;}

    #datepubli{
        text-align: right;
        margin-bottom: 50px;
        font-weight: 1000;}

.imgdestaque{
        width: 100%;
        position: inherit;
        margin-bottom: 80px;}
#imagem{
    width: 100%;
    height: auto;
    border-radius: 5px;}

.texto{
    width: 100%;
    height: auto;
    margin-bottom: 100px;
    text-align: justify;}

#autor{
    color: var(--grafite);
    font-weight: 1000;
    text-align: left;}
    
#autlink{color: blue;}


@media(min-width: 768px) and (max-width: 1023px){

.seccontent{max-width: 768px;}
.ads{display: none;}
.postcontent{
    max-width: 700px;
    margin: 0 auto;
    top: 100px;
    margin-bottom: 200px;}
}
@media (min-width: 320px) and (max-width: 767px){
h1{text-align: left;}
p{text-align: justify;}
.seccontent{max-width: 768px;}
.ads{display: none;}
.postcontent{
    width: 90%;
    margin: 0 auto;
    top: 100px;
    margin-bottom: 200px;}
}