@media(min-width:767px) {
  .navbar {
    /* padding: 20px 0; */
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
  }
  .top-nav-collapse {
    padding: 0;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 30px;
  }
  h3 {
    font-size: 24px;
  }
  section {
    padding: 3em 0;
  }
  #banner {
    font-size: 20px;
  }
  .service-item {
    padding: 3em 0;
  }
  #info-banner h2 {
    font-size: 22px;
  }
}

@media screen and (min-width: 991px) {
  .section-content {
    display: flex;
    align-items: center;
  }
}