@media (max-width: 1199px) {
  .services,
  .social-media,
  .divider,
  .payment-icons {
    flex-direction: column;
    gap: 2rem;
  }

  header {
    padding: 20px;
  }

  .dropdown-menu {
    position: relative;
    z-index: 1;
    margin: 0 auto;
  }

  #deck_installation_in_duvall,
  #deck_replacement_in_duvall,
  #deck_builder_in_duvall,
  #gallery,
  #scope_of_work,
  #about {
    padding: 1rem 2rem;
  }

  .divider {
    padding: 0;
  }

  .menu .dropdown-menu a {
    padding: 8px 10px;
  }
}