@media (max-width: 800px) {
  /*==================================
================ HEADER / NAV =======
==================================*/
  header {
    justify-content: center;
  }
  /*==================================
================ HERO ===============
==================================*/
.hero-section{
  height: 100dvh;
}
  #mainHeading {
    font-size: 43px;
  }
.description{
  width: 90vw;
  line-height: 25px;
}
  /*==================================
================ OUR STORY ==========
==================================*/
  .ourStoryCard {
    width: 100%;
  }

  /*==================================
======= PORTFOLIO (HORIZONTAL) ======
==================================*/
  .section3Heading {
    text-align: start;
    gap: 20px;
  }
  .section3Heading .eyebrow {
    text-align: start;
    width: 100%;
  }
  .section3Desc {
    width: 100%;
  }

  /*==================================
================ SERVICES ===========
==================================*/

  .servicesSection {
    flex-direction: column;
    justify-content: start;
    align-items: center;
  }
  .serviceDiamondIco {
    background-color: antiquewhite;
    transform: translateX(40%);
  }

  /*==================================
================ TESTIMONIALS =======
==================================*/
  .testimonialIndvSection {
    grid-template-columns: 1fr;
    gap: clamp(2rem, 6vw, 3rem);
    min-height: auto;
    padding: clamp(3rem, 10vw, 5rem) clamp(1rem, 5vw, 1.5rem);
  }
  .mobileReverse {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column-reverse;
  }
  .section5headingCard {
    height: fit-content;
  }

  /*==================================
  ======= SHARED ADDITIONS ============
  ==================================*/
  /* On touch screens the Portfolio page itself lists the 3 services */
  .navDropdown {
    display: none;
  }
}