@charset "utf-8";

#blog { padding: 0;}
#checklist { padding: 11px 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.8em; line-height: 1;}
#blog .item .detalhes h3 { font-size: 1.1em;}
#blog .item:hover { transform: scale(1.1);}

#checklist .estrutura { width: 100%; height: 100%; align-items: center; justify-content: center;}
#checklist .digite { top: 0; left: 0; padding: 155px 30px 30px; font-size: 1.8em;}

/* padding */
@media only screen and (max-width: 600px){
  #blog .conteudo { padding: 11px 0;}
}

/* fontes */
@media only screen and (max-width: 1000px){
  #checklist .digite { font-size: 1.1em;}
}
@media only screen and (max-width: 500px){
  #blog .item .detalhes h2 { font-size: 1.5em;}
  #blog .item .detalhes h3 { font-size: 1em;}
}

/* outros */
@media only screen and (max-width: 1000px){
  #checklist .digite { padding: 60% 4% 4%;}
}
@media only screen and (max-width: 600px){
  #blog .conteudo { padding: 11px 0;}
  #blog .item { flex-direction: column;}
  #blog .item .imagem { flex: 1; margin: 0 0 11px;}
  #blog .item .detalhes { flex: 1;}
}