@media only screen and (max-width: 1600px) {
#blog .bottom {
width: 72%;
margin: 0 auto 4vw;
}
#blog .bottom .box-0 {
width: 33.6vw;
padding: 7px;
}
#blog .bottom .box-0 .conteudo {
padding: 1.8vw 2vw;
height: 16vw;
}
#blog .bottom .box-0 .btn-leia {
border-radius: 5vw;
padding: 0.5vw 0 0.4vw;
font-size: 1.2vw;
}
#blog .bottom .box-0 .conteudo .titulo {
font-size: 1.8vw;
line-height: 2.2vw;
height: 5.7vw;
}
#blog .bottom .box-0 .conteudo-top {
margin: 0 0 1.8vw 0;
}
#blog .bottom .box-0 .conteudo-top .categoria,
#blog .bottom .box-0 .conteudo-top .data {
border-radius: 5vw;
padding: 0.5vw 1.5vw;
font-size: .8vw;
}
#blog .bottom .box .imagem {
margin: 0 2.5vw;
width: 10.8vw;
}
#blog .bottom .box-2 {
margin: 3.5vw 0;
}
#blog .bottom .box .conteudo-top .data {
font-size: 1.2vw;
}
#blog .bottom .box .conteudo .titulo {
font-size: 1.3vw;
margin: 1.6vw 0;
}
#blog .bottom .box .btn-leia {
border-radius: 5vw;
padding: 0.35vw 0;
font-size: .8vw;
width: 7vw;
}
}
@media only screen and (max-width: 1500px) {
#blog .top .titulo {
margin: 0 0 32px 0;
font-size: 38px;
}
#blog .top{
width: 900px;
}
}
@media only screen and (max-width: 1024px) {
#blog .top {
padding: 65px 10vw 0;
}
#blog .bottom {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80%;
max-width: 641px;
margin: 0 auto;
}
#blog .bottom .box-0 {
width: 100%;
padding: 5px;
margin: 0 0 40px 0;
}
#blog .bottom .box-0 .conteudo {
padding: 25px 40px;
height: auto;
}
#blog .bottom .box-0 .conteudo-top {
margin: 0 0 20px 0;
}
#blog .bottom .box-0 .conteudo-top .categoria, #blog .bottom .box-0 .conteudo-top .data {
border-radius: 50px;
padding: 8px 20px;
font-size: 10px;
}
#blog .bottom .box-0 .conteudo .titulo {
font-size: 22px;
line-height: 30px;
height: auto;
margin: 0 0 20px 0;
}
#blog .bottom .box-0 .btn-leia {
border-radius: 50px;
padding: 10px 0;
font-size: 14px;
}
#blog .bottom .dir {
width: 100%;
}
#blog .bottom .box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 0 50px 0;
}
#blog .bottom .box .imagem {
width: auto;
margin: 20px auto;
}
#blog .bottom .box .conteudo {
width: 100%;
}
#blog .bottom .dir {
width: 85%;
margin: 0 auto;
}
#blog .bottom .box .conteudo .titulo {
font-size: 20px;
margin: 20px 0;
}
#blog .bottom .box .conteudo-top .data {
font-size: 14px;
}
#blog .bottom .box .btn-leia {
border-radius: 50px;
padding: 8px 0 6px;
font-size: 12px;
width: 120px;
}
#blog .box-btn-confira .btn-confira {
border-radius: 50px;
padding: 10px 0 8px;
font-size: 14px;
width: 200px;
}
}
@media only screen and (max-width: 950px) {
#blog .top {
padding: 0;
margin: 50px auto 0;
width: 80%;
}
}
@media only screen and (max-width: 730px) {
#blog .bottom {
width: 70%;
}
}
@media only screen and (max-width: 550px) { 
#blog .bottom .box-0 .conteudo {
height: auto;
padding: 5%;
}
#blog .bottom .box-0 .conteudo-top .categoria, #blog .bottom .box-0 .conteudo-top .data {
padding: 8px 10px;
}
#blog .bottom .box-0 .conteudo .titulo {
font-size: 20px;
line-height: 27px;
}
#blog .bottom .box-0 .btn-leia {
padding: 10px 0;
font-size: 12px;
}
#blog .bottom {
width: 80%;
}
}