@media (max-width: 768px) {
  .hero{height: 100vh; background-position: center left;}
  .hero-brand {background-size: 300px; margin-bottom: 0; max-width: 300px; height: 140px;}
  .tagline {font-size: 16px; margin: 20px 0 30px;}
  #header #logo img {max-height: 75px;}
  #header .social-nav {float: none; padding: 40px 0 0;}
  #nav-menu-container {display: none;}
  #mobile-nav-toggle {display: inline;}
  .section-title h2 {font-size: 40px;}
  .section-title p {width: 90%; font-size: 15px;}
  #services .service-list li {width: 100%;}
  #services .services h3 {font-size: 22px; padding-bottom: 10px;}
  #services .services .row > div {padding-bottom: 20px;}
  #services .services .row > div:last-child {padding-bottom: 0;}
  #services .services .service .service-hover p {padding: 0 15px; font-size: 14px;}
  #emergency h2 {font-size: 30px;}
}

@media (max-width: 1024px) {
  .hero{height: 100vh; background-position: center left;}
  #gallery .slider {width: 90%;}
  #contact .col-lg-5:first-child {border-right: 0;}
}

@media (min-width: 1024px) {
  .hero{background-attachment: fixed;}
}