@media screen and (min-width: 768px) {
  header .nav-bar {
    width: 100%;
  }
  header .nav-bar .logo {
    width: 25%;
  }
  main .landing-page {
    gap: 0px;
    width: 100%;
  }
  main .landing-page .textContainer {
    height: 70vh;
    display: flex;
    justify-content: center;
    margin-top: 0%;
  }
  main .landing-page .ImgContainer {
    display: flex;
    justify-content: center;
    padding: 10px;
  }
  main .landing-page .textContainer .header {
    width: 90%;
  }
  .hamburger {
    margin-right: 5%;
  }

  /*  ABOUT SERVICES */
  #about {
    margin-top: 10%;
    width: 100%;
  }
  #about .about-container {
    width: 100%;
  }

  /* SERVICE CONNTAINER */
  #service .serviceContainer {
    width: 100%;
  }
  #service .serviceContainer .subHeader {
    margin-top: 10%;
  }
  #service .serviceContainer h2 {
    margin-bottom: 10%;
  }
  #service .services {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-content: space-around;
    place-self: center;
    grid-auto-rows: 1fr;
    align-items: stretch;
  }
  #service .services .service {
    width: 80%;
    place-content: center;
  }

  /* PROOF SECTION */
  #proof .proofContainer {
    width: 100%;
  }
  #proof .proofContainer .textContainer .subText {
    margin-top: 0%;
  }
  #proof .proofContainer .textContainer .points {
    display: grid;
    grid-gap: 20px 20px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
  }

  /* FREE QUOTE SECTION */
  #quote .quoteContainer {
    width: 100%;
  }
  #quote .quoteContainer .header {
    margin-top: 4%;
  }
  #testimony .testimonyContainer .testimonial img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
  }

  /* CONTACT SECTION */

  #contact .contactContainer .companyInfo {
    display: grid;
    grid-template-columns: repeat(3, auto);
    gap: 20px;
    place-self: center;
  }
  #footer .footerContainer .links .companyInfo .company .info {
    padding-bottom: 10px;
  }
  #footer .footerContainer .links .quicklinks .subHeader,
  #footer .footerContainer .links .otherlinks .subHeader,
  #footer .footerContainer .links .socials .subHeader {
    margin-bottom: 5%;
  }
  #footer .footerContainer .links .quicklinks .link,
  #footer .footerContainer .links .otherlinks .link {
    margin-bottom: 2%;
  }
  #footer .footerContainer .links .socials .socialLinks img {
    padding-right: 10px;
  }
  #footer .footerContainer .links .quicklinks .link img,
  #footer .footerContainer .links .otherlinks .link img {
    margin-right: 6%;
  }

  /* ABOUT PAGE */

  #aboutSection #strategy .missionContainer {
    margin-bottom: 5%;
  }
  #aboutSection #strategy {
    margin-top: 10%;
  }
  #staff .staffContainer .staffs {
    grid-template-columns: repeat(2, 1fr); /* Two columns layout */
  }
  #aboutSection .about .header {
    margin-top: 4%;
    padding-bottom: 4%;
  }
}
