/* Large devices */
@media only screen and (min-width: 1400px) {

  #pad { margin-top: -520px; }
  #img-pad { top: -320px; }

}

/* Medium devices (desktops, 992px and up) */
@media only screen and (max-width: 991px) {

  .navbar-brand img { max-width: 190px !important; }

  .navbar-toggler { background: #A8181F; }
  .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }

  .navbar-collapse { margin-top: 15px; }
  .navbar-nav .nav-link { padding: 10px 14px !important; }

  #pad { margin-top: -240px; }
  #pad h1 { font-size: 27px; }
  #pad h2 { font-size: 23px; }
  #img-pad { top: -170px; }

  .card-comissao { min-height: 420px; }
  .card-comissao h4 { font-size: 17px; }

}

/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 767px) {

  .navbar-brand img { max-width: 140px !important; }

  #video-pad { margin-top: -104px; }
  #pad { margin-top: -101px; height: 450px; }
  #pad h1 { font-size: 25px; }
  #pad h2 { font-size: 20px; }
  #text-pad { z-index: 9999; }
  #img-pad { top: 290px; max-width: 400px; right: auto; margin: 0 auto !important;}
  
  #comissao { margin-top: 190px; }
  .card-comissao { min-height: auto; margin-bottom: 50px !important; }
  .card img { width: 215px; height: 215px; }

  #panorama { background-position: -80px 0; margin-top: -20px; }

}