.main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-posts-container {
    text-align: center;

}

.box-post-category {
    display:flex;
    justify-content: center;
    align-items: center;
}

.post-category {
    font-size: 20px;
    font-weight: 700;
    border-radius: 20px;
    color: #a19a9a;

}

.box-compartilhar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.infos-post {
    margin-left: 112px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.botoes-compartilhar {
    width: 349px;
    display: flex;
    justify-content: flex-start;
    margin-top: 14px;
    align-items: center;
}

.post-attributes {
    width:22vw;
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
}

.imagem_destacada {
    width: 600px;
    height: 400px;
    border: solid #000 1px;
}

.container-menu-hamburguer {

    display: flex;
    justify-content: center;
    align-items: center;

}

.menu-hamburguer {

    width: 57vw;
    margin-top: 20px;
    padding: 20px;
    background-color: #fdfbfb;
}

.menu {
    width: 100%;
}

.botao-compartilhar {
    display: flex;
    justify-content: center;
    align-items: center;
	width: 26px;
    height: 66px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #4caf50; 
    background-color: #fff;
    margin-left: 10px;
    transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

.botao-compartilhar i {
    font-size: 20px;
}

.btn-social {
    width:20px;
    height:20px;
    filter: brightness(0);
    transition: 1s ease;
}

.post-content {
    width:59vw;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:justify;
    line-height:30px;
}

.post-content img {
    max-width: 580px;
    height: auto;
}

.post-content strong {
    font-weight: bold;
}

.container-content {
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
}

.related-posts-container {
    display: flex;
    box-sizing: border-box;
    margin: 20px 0;
    flex-direction: column;
    justify-content: flex-start;
}

.related-posts-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0 20px 80px;
    text-align: left;
}

.related-posts-row {
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.related-img {
    width: 300px;
    height: 200px;
}


.related-post-link {
    color:#000;
}

.related-post-meta {
        width: 20vw; 
        display: flex; 
        flex-direction: row; 
        justify-content: space-evenly;
    }

#subtitulo {
    max-width:25vw;
    min-height:10vh;
}

.black-line {
    border: 1px solid black;
  }

figure {
    display: flex;
    justify-content: center;
}

@media (max-width: 768px) {

    .post-attributes {
        width:90vw;
    }
	
    .entry-title {
        width: 90%;
    
    }
    
    .tag, .category {
        width:36vw;       
    }
    
    .menu-hamburguer {
        width: 71vw;
        }
        
    .imagem_destacada {
        width:300px;
        height:200px;
    }

    .box-compartilhar {
        flex-direction:column;
        justify-content: center;
    }

    .infos-post {
        margin-left:15px;
    }

    .botoes-compartilhar {
        justify-content: center;
    }
        
    .botao-compartilhar {
        width:25px;
        height:25px;
    }
    
    .btn-social {
        width:15px;
        height:15px;
    }
    
    .related-posts-row {
        flex-direction:column;
    }
    
    .related-post-link {
        width: 100vw;
    }
    
    .related-img {
        width: 90vw;
        height: auto;
    }
    
    .related-post-meta {
        width: 90vw; 
        display: flex; 
        flex-direction: row; 
        justify-content: space-evenly;
    }

    .related-posts-header {
        display: flex;
        flex-direction: column;
        margin:unset;
    }
    
    #subtitulo {
        max-width:95vw;
        min-height:10vh;
    }

    .post-content {
        width:95vw;
    }
    
	.post-content h2 {
    text-align: left;
}
	
    .post-content img {
    max-width: 265px;
    }
}