@media (max-width: 992px) {

  /* hero section */
  .main-content {
    padding: 0 5%;
  }

}


@media (max-width: 768px) {
  section {
    padding: 3rem 0;
  }

  .heading {
    text-align: left;
  }

}

@media (max-width: 576px) {

  h5.footer-heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 2rem;
    cursor: pointer;
  }

  h5.footer-heading span {
    display: block;
    font-size: 1.3rem;
  }
}