/* 
Text/Margin Scale:
11 px  12px  14 px  16 px  18 px
20 px  23 px  26 px  29px 32px
36px  41px  46px  52px  58px
66px 74px  83px  94px  105px
119px  133px  150px  169px  190px
214px 240px 270px
*/

@media only screen and (max-width: 259px),
  (min-width: 420px) and (max-width: 439px) {
  #responsive-menu {
    left: 3rem;
  }
}

@media only screen and (min-width: 260px) and (max-width: 269px) {
  #responsive-menu {
    left: 4rem;
  }
}

@media only screen and (max-width: 269px) {
  h1 {
    font-size: 2.1rem;
  }

  .who-we-are-text,
  .answer {
    font-size: 1rem;
  }

  .cta:link,
  .cta:visited {
    padding: 4px 1rem;
  }

  .cta:link,
  .cta:visited,
  .testimonial-text,
  .testimonial-author {
    font-size: 8px;
  }

  .who-we-are-section {
    padding: 2.9rem 2rem 4.6rem;
  }

  .who-we-are-img {
    width: 21rem;
    height: 11rem;
  }

  .who-we-are-section h2 {
    font-size: 1.8rem;
  }

  .testimonials-container {
    margin: 6.6rem 0;
  }

  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 22rem;
  }

  .initials {
    width: 2.9rem;
    height: 2.9rem;
    font-size: 1.4rem;
  }

  .star {
    width: 1.2rem;
    height: 1.2rem;
  }

  .faq-section {
    padding: 6.6rem 2rem;
  }

  .faq-container {
    gap: 5.2rem;
  }

  h3 {
    font-size: 1.6rem;
  }

  .questions span {
    font-size: 1.2rem;
  }

  .questions-icon {
    width: 1.4rem;
    height: 1.4rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 279px),
  (min-width: 300px) and (max-width: 309px),
  (min-width: 440px) and (max-width: 459px) {
  #responsive-menu {
    left: 5rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 299px) {
  h1 {
    font-size: 2.3rem;
  }

  .who-we-are-section {
    padding: 2.9rem 2.3rem 4.6rem 2.6rem;
  }

  .who-we-are-img {
    width: 23rem;
    height: 13rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 329px) {
  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 25rem;
  }

  h3 {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 359px) {
  .cta:link,
  .cta:visited {
    padding: 4px 1.2rem;
  }

  .cta:link,
  .cta:visited,
  .testimonial-text,
  .testimonial-author {
    font-size: 1rem;
  }

  .who-we-are-section h2 {
    font-size: 2rem;
  }

  .who-we-are-text {
    font-size: 1.2rem;
  }

  .initials {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.6rem;
  }

  .star {
    width: 1.4rem;
    height: 1.4rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 399px) {
  .questions span {
    font-size: 1.3rem;
  }

  .answer {
    font-size: 1.1rem;
  }

  .questions-icon {
    width: 1.6rem;
    height: 1.6rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 499px) {
  .faq-section {
    padding: 8.3rem 4.6rem;
  }
}

@media only screen and (min-width: 280px) and (max-width: 289px),
  (min-width: 310px) and (max-width: 319px) {
  #responsive-menu {
    left: 6rem;
  }
}

@media only screen and (min-width: 290px) and (max-width: 299px),
  (min-width: 320px) and (max-width: 329px),
  (min-width: 460px) and (max-width: 479px) {
  #responsive-menu {
    left: 7rem;
  }
}

@media only screen and (max-width: 299px) {
  .contact-snapshot {
    padding: 7px 6px;
    gap: 0px;
  }

  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 7px;
  }

  .ig-icon,
  .fb-icon {
    transform: translateY(-3px);
  }

  .ig-icon,
  .fb-icon,
  .footer-text {
    font-size: 8px;
  }

  nav {
    padding: 0.2rem 2rem;
  }

  .logo {
    width: 7.5rem;
  }

  .logo,
  #menu-icon,
  .close-btn {
    height: 2.3rem;
  }

  #menu-icon,
  .close-btn {
    width: 2.3rem;
  }

  #responsive-menu {
    width: 23rem;
    padding: 2.3rem 1rem 2.3rem 2.6rem;
    top: 2.5rem;
  }

  #responsive-menu,
  .hero-section {
    height: 30rem;
  }

  .responsive-link a:link,
  .responsive-link a:visited,
  .responsive-link {
    font-size: 1.2rem;
  }

  .cta:link,
  .cta:visited {
    transform: translateY(-1rem);
  }

  footer {
    margin: 10.5rem 2rem 3.6rem;
  }

  .footer-img img {
    width: 2.9rem;
    height: 2.9rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 319px) {
  .who-we-are-img {
    width: 25rem;
    height: 15rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 329px) {
  .contact-snapshot {
    padding: 9px 6px;
    gap: 0;
  }

  #responsive-menu {
    padding: 2.6rem 1.4rem 2.6rem 4.6rem;
    top: 2.9rem;
  }

  h1 {
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 359px),
  (min-width: 450px) and (max-width: 469px) {
  .who-we-are-section {
    padding: 2.9rem 2.6rem 4.6rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 399px) {
  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 9px;
  }

  .ig-icon,
  .fb-icon {
    font-size: 1rem;
    transform: translateY(-2px);
  }

  nav {
    padding: 0.4rem 2.3rem;
  }

  .logo {
    width: 9.5rem;
  }

  .logo,
  #menu-icon,
  .close-btn {
    height: 2.9rem;
  }

  #menu-icon,
  .close-btn {
    width: 2.9rem;
  }

  #responsive-menu {
    width: 26rem;
  }

  #responsive-menu,
  .hero-section {
    height: 40rem;
  }

  .responsive-link a:link,
  .responsive-link a:visited,
  .responsive-link {
    font-size: 1.4rem;
  }

  footer {
    margin: 10.5rem 4.1rem 3.6rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 469px) {
  .footer-img img {
    width: 3.6rem;
    height: 3.6rem;
  }

  .footer-text {
    font-size: 1rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 499px) {
  .hero-section {
    background-position: -25rem 0;
  }
}

@media only screen and (min-width: 300px) and (max-width: 599px) {
  .cta:link,
  .cta:visited {
    transform: translateY(1rem);
  }
}

@media only screen and (min-width: 320px) and (max-width: 339px) {
  .who-we-are-img {
    width: 27rem;
    height: 17rem;
  }
}

@media only screen and (max-width: 329px) {
  .premier-info {
    gap: 2.6rem;
  }
}

@media only screen and (min-width: 330px) and (max-width: 339px) {
  #responsive-menu {
    left: 8rem;
  }
}

@media only screen and (min-width: 330px) and (max-width: 359px) {
  h1 {
    font-size: 2.9rem;
  }
}

@media only screen and (min-width: 330px) and (max-width: 399px) {
  .contact-snapshot {
    padding: 1rem 1rem;
    gap: 1rem;
  }

  #responsive-menu {
    padding: 2.6rem 1.6rem 2.6rem 4.6rem;
    top: 3.1rem;
  }

  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 30rem;
  }

  h3 {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 340px) and (max-width: 349px),
  (min-width: 480px) and (max-width: 499px) {
  #responsive-menu {
    left: 9rem;
  }
}

@media only screen and (min-width: 340px) and (max-width: 359px) {
  .who-we-are-img {
    width: 30rem;
  }
}

@media only screen and (min-width: 340px) and (max-width: 399px) {
  .who-we-are-img {
    height: 20rem;
  }
}

@media only screen and (min-width: 350px) and (max-width: 359px) {
  #responsive-menu {
    left: 10rem;
  }
}

@media only screen and (max-width: 359px) {
  .section-heading {
    font-size: 1rem;
  }

  h2:not(.who-we-are-section h2) {
    font-size: 1.4rem;
  }

  .key-icon,
  .person-icon,
  .layers-icon,
  .money-icon {
    width: 3.6rem;
    height: 3.6rem;
  }

  .service-title {
    font-size: 1.3rem;
  }

  .service-description,
  .service-page:link,
  .service-page:visited,
  .testimonials-page:link,
  .testimonials-page:visited {
    font-size: 0.6rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 369px),
  (min-width: 500px) and (max-width: 519px) {
  #responsive-menu {
    left: 11rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 399px) {
  h1 {
    font-size: 3.2rem;
  }

  h2:not(.who-we-are-section h2) {
    font-size: 1.6rem;
  }

  .cta:link,
  .cta:visited {
    padding: 5px 1.4rem;
  }

  .cta:link,
  .cta:visited,
  .section-heading {
    font-size: 1.2rem;
  }

  .who-we-are-img {
    width: 32rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 469px) {
  .key-icon,
  .person-icon,
  .layers-icon,
  .money-icon {
    width: 4.1rem;
    height: 4.1rem;
  }

  .service-title {
    font-size: 1.4rem;
  }

  .service-description,
  .service-page:link,
  .service-page:visited {
    font-size: 0.8rem;
  }

  .who-we-are-section h2 {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 619px) {
  .who-we-are-text {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 360px) and (max-width: 989px) {
  .star {
    width: 1.6rem;
    height: 1.6rem;
  }

  .initials {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.8rem;
  }

  .testimonial-text,
  .testimonial-author {
    font-size: 1.2rem;
  }

  .testimonials-page:link,
  .testimonials-page:visited {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 370px) and (max-width: 379px) {
  #responsive-menu {
    left: 12rem;
  }
}

@media only screen and (min-width: 380px) and (max-width: 389px),
  (min-width: 520px) and (max-width: 539px) {
  #responsive-menu {
    left: 13rem;
  }
}

@media only screen and (min-width: 390px) and (max-width: 399px) {
  #responsive-menu {
    left: 14rem;
  }
}

@media only screen and (max-width: 399px) {
  .close-btn {
    margin-top: -2rem;
    transform: translateX(-1rem);
  }
}

@media only screen and (max-width: 400px) {
  h2:not(.who-we-are-section h2) {
    padding: 0 3.2rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 419px) {
  #responsive-menu {
    left: 1rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 429px) {
  .contact-snapshot {
    padding: 1rem 2.3rem;
    gap: 1.4rem;
  }

  .who-we-are-section {
    padding: 2.9rem 2.9rem 4.6rem;
  }

  .who-we-are-img,
  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 35rem;
  }

  footer {
    margin: 10.5rem 8.3rem 3.6rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 439px) {
  #responsive-menu {
    top: 3.2rem;
  }

  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 1rem;
  }

  .ig-icon,
  .fb-icon {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 440px) {
  h1 {
    font-size: 3.6rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 469px) {
  .section-heading {
    font-size: 1.3rem;
  }

  h2:not(.who-we-are-section h2) {
    font-size: 1.8rem;
  }

  .who-we-are-img {
    height: 25rem;
  }

  h3 {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 499px) {
  nav {
    padding: 0.6rem 2.6rem;
  }

  .logo {
    width: 11rem;
    height: 3.2rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 599px) {
  #menu-icon {
    width: 3.2rem;
    height: 3.2rem;
  }

  #responsive-menu {
    width: 41rem;
    padding: 3.2rem 2rem 3.2rem 7.4rem;
  }

  #responsive-menu,
  .hero-section {
    height: 50rem;
  }

  .responsive-link a:link,
  .responsive-link a:visited,
  .responsive-link {
    font-size: 1.6rem;
  }

  .cta:link,
  .cta:visited {
    font-size: 1.4rem;
    padding: 6px 1.6rem;
  }

  .questions span {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 899px) {
  .close-btn {
    margin-top: -2.3rem;
  }
}

@media only screen and (min-width: 400px) and (max-width: 989px) {
  .answer {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 430px) and (max-width: 439px) {
  .who-we-are-section {
    padding: 2.9rem 1.6rem 4.6rem;
  }
}

@media only screen and (min-width: 430px) and (max-width: 469px) {
  .contact-snapshot {
    gap: 1rem;
    padding: 1rem 2rem;
  }

  .who-we-are-img,
  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 40rem;
  }
}

@media only screen and (min-width: 430px) and (max-width: 559px) {
  footer {
    margin: 10.5rem 10.5rem 3.6rem;
  }
}

@media only screen and (max-width: 439px) {
  .services {
    flex-direction: column;
    padding: 10.5rem 2.6rem 15rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 449px) {
  .who-we-are-section {
    padding: 2.9rem 2.3rem 4.6rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 469px) {
  .services {
    padding: 10.5rem 1.2rem 15rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 499px) {
  h1 {
    font-size: 4.1rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 599px) {
  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 1.2rem;
  }

  .ig-icon,
  .fb-icon {
    font-size: 1.6rem;
  }

  #responsive-menu {
    top: 3.4rem;
  }
}

@media only screen and (min-width: 440px) and (max-width: 899px) {
  .services {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

@media only screen and (max-width: 469px) {
  .services {
    row-gap: 7.4rem;
    column-gap: 2rem;
  }

  .text-container {
    width: fit-content;
    gap: 2.6rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 479px) {
  .who-we-are-img {
    width: 44rem;
    height: 30rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 499px) {
  .contact-snapshot {
    gap: 4.1rem;
    padding: 1rem 2.3rem;
  }

  .who-we-are-section {
    padding: 2.9rem 1rem 4.6rem 1.6rem;
  }

  .text-container {
    padding: 0 1rem 0 1rem;
    width: 45rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 599px) {
  .key-icon,
  .person-icon,
  .layers-icon,
  .money-icon {
    width: 4.6rem;
    height: 4.6rem;
  }

  .section-heading {
    font-size: 1.4rem;
  }

  h2:not(.who-we-are-section h2) {
    font-size: 2rem;
  }

  .footer-img img {
    width: 4.1rem;
    height: 4.1rem;
  }

  .footer-text {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 619px) {
  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 45rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 699px) {
  .services {
    row-gap: 8.3rem;
    column-gap: 1.6rem;
    padding: 10.5rem 1rem 15rem;
  }
}

@media only screen and (min-width: 470px) and (max-width: 989px) {
  .service-title {
    font-size: 1.6rem;
  }

  .service-description,
  .service-page:link,
  .service-page:visited {
    font-size: 0.9rem;
  }

  .who-we-are-section h2,
  h3 {
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 480px) and (max-width: 549px),
  (min-width: 900px) and (max-width: 2399px) {
  .who-we-are-img {
    width: 45rem;
    height: 30rem;
  }
}

@media only screen and (max-width: 499px) {
  .email-icon,
  .email {
    transform: translateX(-1rem);
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 3.2rem;
  }

  .who-we-are-section {
    align-items: flex-start;
  }
}

@media only screen and (min-width: 500px) and (max-width: 519px) {
  .contact-snapshot {
    gap: 4.6rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 529px) {
  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 4.1rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 549px) {
  .text-container {
    padding: 0 2rem 0 2rem;
    width: 50rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 569px) {
  h1 {
    font-size: 4.6rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 599px) {
  nav {
    padding: 0.6rem 3.6rem;
  }

  .logo {
    width: 12rem;
    height: 3.4rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 614px) {
  .who-we-are-section {
    padding: 2.9rem 1rem 4.6rem 1rem;
  }
}

@media only screen and (min-width: 500px) and (max-width: 619px) {
  .testimonials-container {
    transform: translateX(1rem);
  }
}

@media only screen and (min-width: 520px) and (max-width: 599px) {
  .contact-snapshot {
    gap: 10.5rem;
  }
}

@media only screen and (min-width: 530px) and (max-width: 699px) {
  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 5.8rem;
  }
}

@media only screen and (min-width: 540px) and (max-width: 559px),
  (min-width: 600px) and (max-width: 609px) {
  #responsive-menu {
    left: 15rem;
  }
}

@media only screen and (max-width: 549px) {
  .service-box {
    padding: 0 1rem;
  }
}

@media only screen and (min-width: 550px) and (max-width: 599px) {
  .text-container {
    padding: 0 2rem 0 2rem;
    width: 55rem;
  }
}

@media only screen and (min-width: 550px) and (max-width: 599px),
  (min-width: 990px) and (max-width: 1099px) {
  .who-we-are-img {
    width: 50rem;
    height: 35rem;
  }
}

@media only screen and (min-width: 550px) and (max-width: 799px) {
  .service-box {
    padding: 0 2.6rem;
  }
}

@media only screen and (min-width: 560px) and (max-width: 579px),
  (min-width: 620px) and (max-width: 629px) {
  #responsive-menu {
    left: 17rem;
  }
}

@media only screen and (min-width: 570px) and (max-width: 649px) {
  h1 {
    font-size: 5.2rem;
  }
}

@media only screen and (min-width: 580px) and (max-width: 599px),
  (min-width: 640px) and (max-width: 649px) {
  #responsive-menu {
    left: 19rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 610px) {
  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 1.3rem;
  }

  .ig-icon,
  .fb-icon {
    font-size: 1.7rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 619px) {
  .text-container {
    padding: 0 3.2rem 0 2.9rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 649px) {
  .who-we-are-img {
    width: 55rem;
    height: 35rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 699px) {
  .contact-snapshot {
    gap: 11.9rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  #responsive-menu {
    width: 46rem;
    padding: 4.1rem 2.3rem 4.1rem 9.4rem;
  }

  .responsive-link a:link,
  .responsive-link a:visited,
  .responsive-link {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
  nav {
    padding: 0.8rem 4.1rem;
  }

  .logo {
    width: 15rem;
    height: 4.2rem;
  }

  .footer-img img {
    width: 4.6rem;
    height: 4.6rem;
  }

  .footer-text {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 989px) {
  #responsive-menu {
    height: 60rem;
  }

  .hero-section {
    height: 60rem;
  }

  .cta:link,
  .cta:visited {
    font-size: 1.6rem;
    padding: 7px 1.8rem;
    transform: translateY(2rem);
  }

  h2:not(.who-we-are-section h2) {
    font-size: 2.3rem;
  }

  .key-icon,
  .person-icon,
  .layers-icon,
  .money-icon {
    width: 5.2rem;
    height: 5.2rem;
  }

  .questions span {
    font-size: 1.6rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
  #menu-icon {
    width: 3.6rem;
    height: 3.6rem;
  }

  #responsive-menu {
    top: 3.6rem;
  }
}

@media only screen and (min-width: 610px) and (max-width: 619px) {
  #responsive-menu {
    left: 16rem;
  }
}

@media only screen and (min-width: 611px) and (max-width: 799px) {
  .phone-icon,
  .phone,
  .email-icon,
  .email:link,
  .email:visited {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 611px) and (max-width: 1099px) {
  .ig-icon,
  .fb-icon {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 615px) and (max-width: 699px) {
  .who-we-are-section {
    padding: 2.9rem 1.6rem 4.6rem 2.9rem;
  }
}

@media only screen and (min-width: 620px) and (max-width: 649px) {
  .who-we-are-text {
    font-size: 1.4rem;
  }

  .text-container {
    padding: 0 1.6rem 0 2.9rem;
  }

  .testimonials-container {
    transform: translateX(1rem);
  }

  .testimonials-container,
  .faq-container,
  .questions {
    width: 55rem;
  }
}

@media only screen and (min-width: 630px) and (max-width: 639px) {
  #responsive-menu {
    left: 18rem;
  }
}

@media only screen and (min-width: 650px) and (max-width: 669px) {
  #responsive-menu {
    left: 20rem;
  }
}

@media only screen and (min-width: 650px) and (max-width: 699px) {
  .who-we-are-img {
    height: 40rem;
  }

  .who-we-are-text {
    font-size: 1.6rem;
  }

  .testimonials-container {
    transform: translateX(0.8rem);
  }

  .who-we-are-img,
  .testimonials-container,
  .testimonial,
  .faq-container,
  .questions {
    width: 60rem;
  }
}

@media only screen and (min-width: 650px) and (max-width: 989px) {
  h1 {
    font-size: 5.8rem;
  }
}

@media only screen and (min-width: 670px) and (max-width: 679px) {
  #responsive-menu {
    left: 21rem;
  }
}

@media only screen and (min-width: 680px) and (max-width: 689px) {
  #responsive-menu {
    left: 22rem;
  }
}

@media only screen and (min-width: 690px) and (max-width: 699px),
  (min-width: 810px) and (max-width: 819px) {
  #responsive-menu {
    left: 24rem;
  }
}

@media only screen and (max-width: 699px) {
  .who-we-are-section {
    gap: 2.3rem;
  }

  .who-we-are-section,
  .row {
    flex-direction: column;
  }

  .third-testimonial,
  .fourth-testimonial {
    display: none;
  }
}

@media only screen and (min-width: 700px) and (max-width: 719px) {
  #responsive-menu {
    left: 25rem;
  }

  .testimonials-container {
    width: 65rem;
  }
}

@media only screen and (min-width: 700px) and (max-width: 799px) {
  .contact-snapshot {
    gap: 19rem;
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 7.4rem;
  }

  .services {
    row-gap: 10.5rem;
    column-gap: 6.6rem;
  }

  .who-we-are-section {
    gap: 2.6rem;
    padding: 1rem 1.8rem 2.3rem 2.3rem;
  }

  .text-container {
    gap: 1.6rem;
    width: fit-content;
  }

  .who-we-are-text {
    font-size: 1.3rem;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 700px) and (max-width: 819px) {
  .faq-container,
  .questions {
    width: 65rem;
  }
}

@media only screen and (min-width: 700px) and (max-width: 899px) {
  .who-we-are-img {
    width: 30rem;
    height: 25rem;
  }
}

@media only screen and (min-width: 700px) and (max-width: 989px) {
  .services {
    padding: 15rem 2rem;
  }
}

@media only screen and (min-width: 720px) and (max-width: 739px) {
  #responsive-menu {
    left: 27rem;
  }
}

@media only screen and (min-width: 720px) and (max-width: 819px) {
  .testimonials-container {
    width: 70rem;
  }
}

@media only screen and (min-width: 740px) and (max-width: 759px) {
  #responsive-menu {
    left: 29rem;
  }
}
@media only screen and (min-width: 760px) and (max-width: 779px),
  (min-width: 820px) and (max-width: 859px) {
  #responsive-menu {
    left: 32rem;
  }
}

@media only screen and (min-width: 780px) and (max-width: 789px) {
  #responsive-menu {
    left: 33rem;
  }
}

@media only screen and (min-width: 790px) and (max-width: 799px),
  (min-width: 860px) and (max-width: 879px) {
  #responsive-menu {
    left: 34rem;
  }
}

@media only screen and (min-width: 800px) {
  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 8.3rem;
  }

  .who-we-are-section {
    padding-right: 2.3rem;
    gap: 4.1rem;
  }

  .text-container {
    gap: 2.6rem;
  }
}

@media only screen and (min-width: 800px) and (max-width: 809px) {
  #responsive-menu {
    left: 23rem;
  }
}

@media only screen and (min-width: 800px) and (max-width: 819px) {
  .close-btn {
    transform: translateX(-2.3rem);
  }
}

@media only screen and (min-width: 800px) and (max-width: 980px) {
  .who-we-are-text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 800px) and (max-width: 1099px) {
  .phone,
  .email:link,
  .email:visited {
    font-size: 1.4rem;
  }

  .section-heading {
    font-size: 1.6rem;
  }

  .initials {
    padding: 8px;
  }
}

@media only screen and (min-width: 820px) and (max-width: 899px) {
  .testimonials-container,
  .questions {
    width: 75rem;
  }

  .faq-container {
    width: 80rem;
  }
}

@media only screen and (min-width: 820px) and (max-width: 930px) {
  .close-btn {
    transform: translateX(-7.4rem);
  }
}

@media only screen and (min-width: 880px) and (max-width: 909px) {
  #responsive-menu {
    left: 38rem;
  }
}

@media only screen and (min-width: 900px) and (max-width: 919px) {
  .testimonials-container,
  .faq-container {
    width: 85rem;
  }
}

@media only screen and (min-width: 900px) and (max-width: 989px) {
  .close-btn {
    margin-top: -2rem;
  }

  .services {
    gap: 2.4rem;
  }

  .questions {
    width: 80rem;
  }
}

@media only screen and (min-width: 900px) and (max-width: 1099px) {
  nav {
    padding: 1rem 3.6rem;
  }

  .logo {
    width: 16rem;
    height: 4.5rem;
  }

  .service-title {
    font-size: 1.4rem;
  }

  .footer-img img {
    width: 5.2rem;
    height: 5.2rem;
  }

  .footer-text {
    font-size: 1.4rem;
  }
}

@media only screen and (min-width: 910px) and (max-width: 939px) {
  #responsive-menu {
    left: 40rem;
  }
}

@media only screen and (min-width: 920px) and (max-width: 989px) {
  .testimonials-container {
    width: 90rem;
  }
}

@media only screen and (min-width: 940px) and (max-width: 979px) {
  #responsive-menu {
    left: 41rem;
  }

  .close-btn {
    transform: translateX(-4.1rem);
  }
}

@media only screen and (min-width: 980px) and (max-width: 989px) {
  #responsive-menu {
    left: 42rem;
  }
}

@media only screen and (max-width: 989px) {
  .heading {
    transform: translateY(2rem);
  }

  h2:not(.who-we-are-section h2) {
    margin-top: 1.4rem;
  }

  .testimonials-container {
    gap: 4.1rem;
  }

  .row {
    gap: 3.2rem;
  }

  .testimonial {
    padding: 2.3rem;
    gap: 2.6rem;
  }

  .questions-box {
    padding: 1.6rem 1.6rem 1.8rem;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1024px) {
  #responsive-menu {
    left: 44.5rem;
  }

  .services {
    padding: 15rem 3.6rem;
  }
}

@media only screen and (min-width: 990px) and (max-width: 1099px) {
  .hero-section {
    height: 75rem;
  }

  h1 {
    font-size: 7.4rem;
  }

  .cta:link,
  .cta:visited {
    padding: 8px 2rem;
  }

  .cta:link,
  .cta:visited,
  .questions span {
    font-size: 1.8rem;
  }

  .services {
    gap: 2.3rem;
  }

  .service-description,
  .service-page:link,
  .service-page:visited {
    font-size: 1rem;
  }

  h2 {
    font-size: 2.6rem;
  }

  .who-we-are-section {
    gap: 6.6rem;
  }

  .key-icon,
  .person-icon,
  .layers-icon,
  .money-icon {
    width: 5.8rem;
    height: 5.8rem;
  }

  .answer,
  .testimonial-text {
    font-size: 1.4rem;
  }

  .who-we-are-section {
    padding: 2.6rem 2.6rem 2.6rem 1.6rem;
  }

  .text-container {
    width: 50rem;
  }

  .text-container,
  .testimonial {
    gap: 2rem;
  }

  .who-we-are-section h2,
  h3 {
    font-size: 2.9rem;
  }

  .who-we-are-text {
    line-height: 1.5;
  }

  .who-we-are-text,
  .testimonials-page:link,
  .testimonials-page:visited {
    font-size: 1.8rem;
  }

  .testimonials-container {
    width: 95rem;
    gap: 5.2rem;
  }

  .row {
    gap: 4.1rem;
  }

  .testimonial {
    padding: 2.6rem;
  }

  .initials {
    width: 4.1rem;
    height: 4.1rem;
    font-size: 2rem;
  }

  .star {
    width: 1.8rem;
    height: 1.8rem;
  }

  .testimonial-author {
    font-size: 1.2rem;
  }

  .questions-box {
    padding: 1.8rem 1.8rem 2rem;
  }
}

@media only screen and (max-width: 1024px) {
  nav ul {
    display: none;
  }

  #menu-icon {
    display: block;
    color: var(--primary-color);
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1099px) {
  .nav-link a:link,
  .nav-link a:visited,
  .about-link,
  .dd-link a:link,
  .dd-link a:visited {
    font-size: 1.4rem;
  }

  #dropdown-menu {
    top: 10.7rem;
    left: 66rem;
    padding: 2rem 1.2rem;
  }

  .services {
    padding: 15rem 2.3rem;
  }
}

@media only screen and (min-width: 1100px) {
  .services {
    gap: 3.6rem;
    padding: 15rem 3.6rem;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1199px) {
  #dropdown-menu {
    left: 70rem;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1300px) {
  .who-we-are-text {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

@media only screen and (min-width: 1100px) and (max-width: 1999px) {
  .service-title {
    font-size: 1.6rem;
  }

  .service-description {
    font-size: 1.4rem;
  }

  .service-page:link,
  .service-page:visited {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1299px) {
  #dropdown-menu {
    left: 80rem;
  }
}

@media only screen and (min-width: 1300px) and (max-width: 1399px) {
  #dropdown-menu {
    left: 90rem;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  #dropdown-menu {
    left: 110rem;
  }
}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  #dropdown-menu {
    left: 120rem;
  }
}

@media only screen and (min-width: 1700px) and (max-width: 1799px) {
  #dropdown-menu {
    left: 130rem;
  }
}

@media only screen and (min-width: 1800px) and (max-width: 1899px) {
  #dropdown-menu {
    left: 140rem;
  }
}

@media only screen and (min-width: 1900px) {
  .cta,
  .cta:link,
  .cta:visited {
    padding: 1rem 2.6rem;
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 1999px) {
  #dropdown-menu {
    left: 148rem;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 2199px) {
  .contact-snapshot {
    gap: 32rem;
  }

  nav {
    padding: 1.2rem 6.6rem;
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 17rem;
  }

  .who-we-are-section {
    gap: 19rem;
  }

  .faq-container,
  .questions {
    width: 110rem;
  }

  .answer {
    padding: 1.6rem 1.8rem 2rem;
  }
}

@media only screen and (min-width: 2000px) and (max-width: 2099px) {
  #dropdown-menu {
    left: 157rem;
  }
}

@media only screen and (min-width: 2100px) and (max-width: 2199px) {
  #dropdown-menu {
    left: 166rem;
  }
}

@media only screen and (min-width: 2200px) {
  .contact-snapshot {
    gap: 45rem;
  }

  .logo {
    width: 23rem;
    height: 6.3rem;
  }

  .hero-section {
    gap: 11.9rem;
  }

  .heading {
    gap: 1.2rem;
  }

  h1 {
    font-size: 10.5rem;
  }

  h2 {
    font-size: 3.2rem;
  }

  .nav-link a:link,
  .nav-link a:visited,
  .about-link,
  .section-heading,
  .testimonial-text,
  .service-description,
  .service-page:link,
  .service-page:visited,
  .answer,
  .footer-text,
  .phone,
  .email:link,
  .email:visited {
    font-size: 1.8rem;
  }

  .service-title,
  .ig-icon,
  .fb-icon,
  .questions span {
    font-size: 2.3rem;
  }

  .who-we-are-section {
    gap: 24rem;
  }

  .testimonials-container {
    gap: 8.3rem;
  }

  .row {
    gap: 6.6rem;
  }

  .testimonial {
    padding: 4.1rem;
    gap: 3.6rem;
  }

  .testimonial-author {
    font-size: 1.6rem;
  }

  .star {
    width: 2.3rem;
    height: 2.3rem;
  }

  .initials {
    font-size: 2.9rem;
    padding: 1.2rem;
    width: 6.6rem;
    height: 6.6rem;
  }

  .testimonials-page:link,
  .testimonials-page:visited {
    font-size: 2rem;
  }

  .faq-container {
    gap: 10.5rem;
  }

  h3 {
    font-size: 3.6rem;
  }

  .questions {
    width: 119rem;
  }

  .questions-icon {
    width: 2rem;
    height: 2rem;
  }

  .footer-img img {
    width: 7.4rem;
    height: 7.4rem;
  }
}

@media only screen and (min-width: 2200px) and (max-width: 2250px) {
  #dropdown-menu {
    top: 14.7rem;
    left: 175rem;
  }
}

@media only screen and (min-width: 2200px) and (max-width: 2999px) {
  nav {
    padding: 1.8rem 4.6rem;
  }

  .hero-section {
    height: 95rem;
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 21.4rem;
  }
}

@media only screen and (min-width: 2251px) {
  ul .hidden-links {
    display: flex;
    gap: 3.6rem;
    list-style: none;
  }

  .about-link {
    display: none;
  }
}

@media only screen and (min-width: 2400px) {
  .who-we-are-text {
    font-size: 1.8rem;
  }
}

@media only screen and (min-width: 2499px) {
  .who-we-are-section {
    padding-top: 4.1rem;
    padding-bottom: 4.1rem;
    gap: 27rem;
  }
}

@media only screen and (min-width: 2600px) {
  .service-box {
    padding: 0 6.6rem;
  }
}

@media only screen and (min-width: 3000px) {
  .hero-section {
    height: 150rem;
  }
}

@media only screen and (min-width: 3000px) and (max-width: 3999px) {
  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 32rem;
  }
}

@media only screen and (min-width: 3000px) and (max-width: 4999px) {
  nav {
    padding: 2rem 8.3rem;
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 32rem;
  }
}

@media only screen and (min-width: 4000px) {
  .services-section {
    margin: 0 auto;
  }
}

@media only screen and (min-width: 4000px) and (max-width: 4499px) {
  html {
    font-size: 70%;
  }
}

@media only screen and (min-width: 4000px) and (max-width: 6999px) {
  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 41rem;
  }
}

@media only screen and (min-width: 4000px) and (max-width: 7999px) {
  .services-section {
    max-width: 90vw;
  }
}

@media only screen and (min-width: 4500px) and (max-width: 4999px) {
  html {
    font-size: 75%;
  }
}

@media only screen and (min-width: 5000px) and (max-width: 5499px) {
  html {
    font-size: 80%;
  }
}

@media only screen and (min-width: 5000px) and (max-width: 6999px) {
  nav {
    padding: 2.3rem 12rem;
  }
}

@media only screen and (min-width: 5500px) and (max-width: 5999px) {
  html {
    font-size: 85%;
  }
}

@media only screen and (min-width: 6000px) and (max-width: 6499px) {
  html {
    font-size: 90%;
  }
}

@media only screen and (min-width: 6500px) and (max-width: 6999px) {
  html {
    font-size: 95%;
  }
}

@media only screen and (min-width: 7000px) {
  nav {
    padding: 3.2rem 18rem;
  }

  .heading,
  .cta,
  .cta:link,
  .cta:visited {
    margin-left: 46rem;
  }
}

@media only screen and (min-width: 7000px) and (max-width: 7499px) {
  html {
    font-size: 100%;
  }
}

@media only screen and (min-width: 7500px) and (max-width: 7999px) {
  html {
    font-size: 105%;
  }
}

@media only screen and (min-width: 8000px) {
  .services-section {
    max-width: 80vw;
  }
}

@media only screen and (min-width: 8000px) and (max-width: 8499px) {
  html {
    font-size: 110%;
  }
}

@media only screen and (min-width: 8500px) and (max-width: 8999px) {
  html {
    font-size: 115%;
  }
}

@media only screen and (min-width: 9000px) and (max-width: 9499px) {
  html {
    font-size: 120%;
  }
}

@media only screen and (min-width: 9500px) and (max-width: 9999px) {
  html {
    font-size: 125%;
  }
}