@charset "utf-8";

#quemsomos { padding: 0;}
#servicos { padding: 21px 0;}
#portfolio { padding: 21px 0;}
#contato { padding: 11px 0;}
#blog { padding: 11px 0;}

#servicos .tab h2 { font-size: 1.5em;}
#servicos .tab h3 { font-size: 1.1em;}
#servicos .tab span.mais { float: right !important; background-image: url('../../imagens/site/mais.png?v1'); background-position: 50%; background-repeat: no-repeat;}
#servicos .tab:hover { transform: scale(1.02);}
#servicos .tab:hover span.mais { transform: rotate(360deg);}

#portfolio .tab { padding: 20px 10px; background-color: rgb(255 255 255);}
#portfolio .tab h2 { font-size: 1.1em;}
#portfolio .tab h3 { font-size: 0.9em;}

#blog .tab { display: flex; padding: 15px;}
#blog .tab .imagem { flex: 0.7;}
#blog .tab .descricao { flex: 1; padding: 0 0 0 15px;}
#blog .tab .descricao h2 { font-size: 1.5em;}
#blog .tab .descricao h3 { font-size: 1em;}
#blog .tab:hover { transform: scale(1.02);}
#blog .chamada a { display: inline-flex; outline: 1px solid; font-size: 1.1em;}
#blog .chamada a:hover { transform: scale(1.1);}

@media only screen and (max-width: 800px){
  #quemsomos { padding: 0;}
  #servicos { padding: 11px 0;}
  #portfolio { padding: 11px 0;}
  #contato { padding: 11px 0;}
  #blog { padding: 11px 0;}
}

@media only screen and (max-width: 800px){
  #blog .tab .descricao h2 { font-size: 1.2em;}
  #blog .tab .descricao h3 { display: none;}
}
@media only screen and (max-width: 400px){
  #blog .tab { display: flex; padding: 10px;}
  #blog .tab .descricao { padding: 0 0 0 10px;}
  #blog .tab .descricao h2 { font-size: 1em;}
  #blog .tab .descricao h2 b { font-weight: normal;}
}