@media screen and (min-width: 992px) {
  #painel .carousel .btn {font-size: 18px;}
  #painel .carousel .btn .front, #painel .carousel .btn .back {padding: 0.5rem 1.375rem;}

  #sobre .titulo {text-align: left;}
}

@media screen and (max-width: 991px) {
  #sobre h2 {text-align: center;}
  #sobre img {height: auto; max-height: 300px;}
}

@media screen and (max-width: 575px) {
  #painel .carousel .carousel-caption {background: rgba(0, 0, 0, .7);}
  #painel .carousel .carousel-caption h2 {font-size: 18px; line-height: 1.5;}
  #painel .carousel .carousel-caption h1 {font-size: 24px;}

  #servicos .box h2 {text-align: center;}
}