@charset "utf-8";

#blog { padding: 0;}
#blog .conteudo { padding: 21px 0;}

#blog .item .imagem { flex: 0.6; margin: 0 15px 0 0;}
#blog .item .detalhes { flex: 1;}
#blog .item .detalhes h2 { font-size: 1.5em; line-height: 1;}
#blog .item .detalhes h3 { font-size: 1em;}
#blog .item:hover { transform: scale(1.02);}

@media only screen and (max-width: 600px){
  #blog .conteudo { padding: 11px 0;}
  #blog .conteudo { padding: 11px 0;}
  #blog .item { flex-direction: column;}
  #blog .item .imagem { flex: 1; margin: 0 0 11px;}
  #blog .item .detalhes { flex: 1;}
}
@media only screen and (max-width: 500px){
  #blog .item .detalhes h2 { font-size: 1.4em;}
  #blog .item .detalhes h3 { font-size: 1em;}
}