@media (max-width: 991.98px) {
  /* LOGO BANNER  */
  #logo-banner-section .logo {
    margin-bottom: 8%;
    padding-top: 1.5%;
    width: 40%;
  }
  #logo-banner-section .pastor {
    text-align: center;
    padding: 6% 0 2% 0;
  }
  #logo-banner-section .pastor img {
    width: 80%;
  }



  /* SLOGAN BANNER */
  #slogan-banner-section h2 {
    font-size: 2.25rem;
    margin-top: 8%;
  }
  #slogan-banner-section p {
    padding: 8%;
    opacity: .8;
  }



  /* UPCOMING */
  #upcoming {
    margin-top: 12%;
  }
  #upcoming p {
    font-size: 2rem;
    border-radius: 50px;
  }
  #upcoming ul {
    flex-direction: column;
  }
  #upcoming li img {
    margin: 4% 0;
    margin-left: -4.25%;
  }



  /* HOME MENU */
  #home-menu-section a {
    text-decoration: none;
  }
  #home-menu-section .about-us,
  #home-menu-section .new-here,
  #home-menu-section .youth,
  #home-menu-section .giving 
  {
    margin-bottom: 12%;
  }
  #home-menu-section .about-us h3,
  #home-menu-section .new-here h3,
  #home-menu-section .youth h3,
  #home-menu-section .giving h3 {
    font-size: 3rem;
  }



  /* MENU */
  #menu-section .row {
    width: 100%;
  }
  #menu-section .menu ul {
    margin-top: 4%;
  }
  #menu-section .menu li {
    margin: 2% 0;
    padding: 2%;
  }



  /* MISSION BANNER */
  #mission-banner-section h3 {
    margin-bottom: 6%;
    margin-top: 6%;
  }
  #mission-banner-section .hide {
    display: none;
  }



  /* NEW HERE */
  #new-here-section {
    margin-bottom: 8%;
    margin-top: 8%;
  }
  #checkin-section .row > .col > .row,
  #service-times-section .row > .col > .row,
  #map-section .row > .col > .row,
  #contact-section .row > .col > .row,
  #giving-section .row > .col > .row
  {
    margin-bottom: 8%;
    padding: 8%;
  }
  #checkin-section h3,
  #service-times-section h3,
  #map-section h3,
  #contact-section h3,
  #giving-section h3
  {
    padding: 2%;
  }
  #checkin-section button,
  #contact-section button
  {
    margin-top: 4%;
    width: 100%;
  }


  /* GIVING */
  #giving-section h3 {
    margin-top: 8%;
  }
  #giving-section p {
    padding: 4%;
  }
  #giving-section .blu-bg {
    margin-bottom: 8%;
    margin-top: 4%;
    padding: 8%;
    width: 100%;
  }
}