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

  .navbar-brand { margin-right: 0; }
  .navbar-brand img { max-width: 150px; }
  .navbar .navbar-nav { margin-top: -10px; margin-left: 0; }
  .navbar .nav-link { font-size: .8rem; padding: .35rem .15rem !important; }

  header.teachers { min-height: auto; }
  header.teachers .col-header { margin: 0 0 30px 35px; }

}

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

  h1 { font-size: 2.25rem; }
  h2 { font-size: 1.75rem; }
  .btn { padding: .4rem 1rem; }

  .navbar-brand img { margin-top: 10px; }

  header.home { background-size: 900px auto; min-height: auto; padding-bottom: 30px; }
  header.teachers, header.contact { min-height: auto; }

  header.home .col-header { margin-top: -10px; }
  header.teachers .col-header { margin: 30px 0; }
  header.contact .col-header { margin: 20px 0 70px 0; }
  .col-header * { text-align: center; }

  .navbar-brand img { max-width: 200px; }
  .navbar .navbar-nav { margin-top: 10px; }
  .navbar .nav-link { font-size: 1rem; text-shadow: 2px 2px black; }
}