/* 
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) {
  #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: 1.8rem;
  }

  .subheading {
    font-size: 1rem;
    padding: 0 4.6rem;
  }

  .contact-btn {
    padding: 0 1rem 4px;
  }

  .contact-btn a,
  .contact-btn a:link,
  .contact-bt a:visited {
    font-size: 8px;
  }

  .testimonials-container {
    gap: 3.6rem;
    padding: 8.3rem 2rem 0;
  }

  .testimonial {
    padding: 2rem 1rem;
  }

  .initials {
    padding: 6px;
    font-size: 1.3rem;
  }

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

  .date,
  blockquote {
    font-size: 8px;
  }

  .testimonial-btm {
    gap: 1rem;
  }

  .testimonial-heading {
    font-size: 1.1rem;
  }
}

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

@media only screen and (min-width: 270px) and (max-width: 299px) {
  .subheading {
    padding: 0 3.2rem;
  }
}

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

  .subheading {
    font-size: 1.2rem;
  }

  .contact-btn {
    padding: 2px 1.2rem 4px;
  }

  .contact-btn a:link,
  .contact-bt a:visited {
    font-size: 1rem;
  }

  .testimonials-container {
    gap: 4.1rem;
  }

  .testimonial {
    padding: 2rem 1.2rem 2.6rem;
  }

  .initials {
    padding: 7px;
    font-size: 1.4rem;
  }

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

  .date,
  blockquote {
    font-size: 1.1rem;
  }

  .testimonial-heading {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 270px) and (max-width: 539px) {
  .testimonials-container {
    padding: 11.9rem 2.3rem 0;
  }
}

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

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

@media only screen and (max-width: 299px) {
  nav {
    padding: 0.2rem 2rem;
  }

  .logo {
    width: 7.5rem;
    height: 2.3rem;
  }

  #menu-icon {
    width: 2.3rem;
    height: 2.3rem;
  }

  #responsive-menu {
    width: 23rem;
    height: 35rem;
    padding: 2.3rem 1rem 2.3rem 2.6rem;
  }

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

  .close-btn {
    width: 2.3rem;
    height: 2.3rem;
  }

  .heading {
    margin: 6.6rem 0 3.6rem;
  }

  footer {
    margin: 0 2rem 3.6rem;
  }

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

  .footer-text {
    font-size: 8px;
  }
}

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

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

@media only screen and (min-width: 300px) and (max-width: 349px) {
  footer {
    margin: 0 5.2rem 3.6rem;
  }
}

@media only screen and (min-width: 300px) and (max-width: 399px) {
  nav {
    padding: 0.4rem 2.3rem;
  }

  .logo {
    width: 9.5rem;
    height: 2.9rem;
  }

  #menu-icon {
    width: 2.9rem;
    height: 2.9rem;
  }

  #responsive-menu {
    height: 40rem;
    padding: 2.6rem 1.4rem 2.6rem 5.2rem;
  }

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

  .close-btn {
    width: 2.6rem;
    height: 2.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: 310px) and (max-width: 319px) {
  #responsive-menu {
    left: 6rem;
  }
}

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

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

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

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

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

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

  .subheading {
    font-size: 1.3rem;
  }

  .contact-btn {
    padding: 5px 1.4rem;
  }

  .contact-btn a:link,
  .contact-bt a:visited {
    font-size: 1.2rem;
  }

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

@media only screen and (min-width: 350px) and (max-width: 429px) {
  footer {
    margin: 0 8.3rem 3.6rem;
  }
}

@media only screen and (min-width: 350px) and (max-width: 499px) {
  .testimonials-container {
    gap: 4.6rem;
  }
}

@media only screen and (min-width: 350px) and (max-width: 549px) {
  .testimonial-author {
    font-size: 1.4rem;
  }

  .date,
  blockquote {
    font-size: 1.2rem;
  }
}

@media only screen and (min-width: 350px) and (max-width: 599px) {
  .testimonial {
    padding: 2.3rem 1.2rem 3.2rem;
  }
}

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

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

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

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

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

@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: 449px) {
  h1 {
    font-size: 2.3rem;
  }

  .subheading {
    font-size: 1.4rem;
  }
}

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

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

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

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

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

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

  .contact-btn {
    padding: 6px 1.6rem;
  }

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

  .initials {
    padding: 8px;
    font-size: 1.5rem;
  }
}

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

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

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

@media only screen and (min-width: 450px) and (max-width: 599px) {
  h1 {
    font-size: 2.6rem;
  }
}

@media only screen and (min-width: 450px) and (max-width: 899px) {
  .subheading {
    font-size: 1.6rem;
  }
}

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

@media only screen and (min-width: 470px) and (max-width: 599px) {
  .footer-img img {
    width: 4.1rem;
    height: 4.1rem;
  }

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

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

@media only screen and (max-width: 499px) {
  .testimonials-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

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

@media only screen and (min-width: 500px) and (max-width: 539px),
  (min-width: 900px) and (max-width: 1099px) {
  .testimonials-container {
    column-gap: 2.6rem;
    row-gap: 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;
  }

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

@media only screen and (min-width: 500px) and (max-width: 859px) {
  .testimonials-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

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

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

@media only screen and (max-width: 539px) {
  .testimonials-container {
    margin-bottom: -26rem;
  }
}

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

@media only screen and (min-width: 540px) and (max-width: 599px) {
  .testimonials-container {
    padding: 11.9rem 2.9rem -15rem;
    column-gap: 3.2rem;
    row-gap: 5.2rem;
  }
}

@media only screen and (max-width: 549px) {
  .star {
    width: 1.3rem;
    height: 1.3rem;
  }
}

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

@media only screen and (min-width: 550px) and (max-width: 989px) {
  .testimonial-author {
    font-size: 1.5rem;
  }

  .date,
  blockquote {
    font-size: 1.3rem;
  }
}

@media only screen and (min-width: 550px) and (max-width: 1099px) {
  .star {
    width: 1.4rem;
    height: 1.4rem;
  }
}

@media only screen and (min-width: 560px) and (max-width: 569px),
  (min-width: 600px) and (max-width: 619px),
  (min-width: 720px) and (max-width: 739px) {
  #responsive-menu {
    left: 16rem;
  }
}

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

@media only screen and (min-width: 580px) and (max-width: 589px),
  (min-width: 620px) and (max-width: 639px),
  (min-width: 740px) and (max-width: 759px) {
  #responsive-menu {
    left: 18rem;
  }
}

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

@media only screen and (max-width: 599px) {
  .testimonial-left {
    gap: 1rem;
  }
}

@media only screen and (min-width: 600px) and (max-width: 699px) {
  #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: 859px) {
  .contact-btn a:link,
  .contact-btn a:visited {
    font-size: 1.6rem;
  }

  .testimonial {
    padding: 2.9rem 2rem 4.1rem;
  }
}

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

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

  h1 {
    font-size: 3.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) {
  .testimonials-container {
    padding: 15rem 3.2rem 0;
    column-gap: 2rem;
  }

  .initials {
    font-size: 1.6rem;
  }
}

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

@media only screen and (min-width: 600px) and (max-width: 1099px) {
  .contact-btn {
    padding: 8px 2rem;
  }
}

@media only screen and (min-width: 640px) and (max-width: 659px),
  (min-width: 760px) and (max-width: 779px) {
  #responsive-menu {
    left: 20rem;
  }
}

@media only screen and (min-width: 660px) and (max-width: 679px),
  (min-width: 780px) and (max-width: 799px) {
  #responsive-menu {
    left: 22rem;
  }
}

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

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

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

@media only screen and (min-width: 820px) and (max-width: 870px) {
  #responsive-menu {
    left: 32rem;
  }
}

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

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

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

  .testimonial {
    padding: 2.6rem 2rem;
  }
}

@media only screen and (min-width: 860px) and (max-width: 1099px) {
  .contact-btn a:link,
  .contact-btn a:visited {
    font-size: 1.8rem;
  }
}

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

@media only screen and (min-width: 900px) and (max-width: 919px) {
  #responsive-menu {
    left: 34rem;
  }
}

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

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

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

  .heading {
    margin: 15rem 0 4.6rem;
  }

  .subheading {
    font-size: 1.8rem;
  }

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

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

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

@media only screen and (min-width: 940px) and (max-width: 989px) {
  .close-btn {
    transform: translateX(-4.1rem);
  }
}

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

  .testimonial {
    gap: 2.6rem;
  }

  .name-box {
    gap: 3px;
  }
}

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

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

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

  #responsive-menu {
    top: 0;
  }
}

@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: 6.75rem;
    left: 66rem;
    padding: 2rem 1.2rem;
  }
}

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

  .testimonials-container {
    padding: 19rem 4.1rem -10.5rem;
  }

  .testimonial {
    gap: 2.9rem;
    padding: 2.9rem 2rem;
  }
}

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

@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) {
  .heading {
    margin: 9.4rem 0;
  }
}

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

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

  .subheading,
  .initials,
  .testimonial-author {
    font-size: 2rem;
  }

  .testimonial {
    padding: 4.6rem 2.6rem 10.5rem;
  }

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

  .date,
  blockquote {
    font-size: 1.8rem;
  }

  .testimonial-heading {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 1900px) and (max-width: 3499px) {
  .contact-btn {
    padding: 1rem 2.6rem;
  }

  .contact-btn a:link,
  .contact-btn a:visited {
    font-size: 2rem;
  }

  .initials {
    padding: 1.4rem;
  }
}

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

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

@media only screen and (min-width: 2200px) {
  .nav-link a:link,
  .nav-link a:visited,
  .about-link,
  .footer-text {
    font-size: 1.8rem;
  }

  .heading {
    margin: 15rem 0 7.4rem;
  }

  .testimonial {
    gap: 4.6rem;
    padding: 4.6rem 3.6rem 11.9rem;
  }

  .heading,
  .testimonial-btm {
    gap: 2.3rem;
  }

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

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

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

  .subheading {
    font-size: 2.3rem;
  }
}

@media only screen and (min-width: 2200px) and (max-width: 3499px) {
  .initials,
  .testimonial-author,
  .testimonial-heading {
    font-size: 2rem;
  }

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

  .date {
    font-size: 1.8rem;
  }

  blockquote {
    font-size: 2rem;
  }
}

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

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

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

@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: 3000px) and (max-width: 3999px) {
  nav {
    padding: 2rem 8.3rem;
  }
}

@media only screen and (min-width: 3500px) {
  h1 {
    font-size: 7.4rem;
  }

  .subheading {
    font-size: 2.9rem;
  }

  .contact-btn {
    padding: 1.4rem 3.6rem;
  }

  .contact-btn a:link,
  .contact-btn a:visited,
  blockquote {
    font-size: 2.3rem;
  }

  .initials {
    padding: 1.6rem;
  }

  .initials,
  .testimonial-author,
  .testimonial-heading {
    font-size: 2.3rem;
  }

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

  .date {
    font-size: 2rem;
  }
}

@media only screen and (min-width: 3500px) and (max-width: 4999px) {
  .testimonials-container {
    max-width: 80vw;
  }
}

@media only screen and (min-width: 4000px) {
  .logo {
    width: 26.5rem;
    height: 8.3rem;
  }

  .nav-link a:link,
  .nav-link a:visited,
  .about-link {
    font-size: 2rem;
  }
}

@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: 4999px) {
  nav {
    padding: 2rem 6.6rem;
  }
}

@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: 7999px) {
  .testimonials-container {
    max-width: 70vw;
  }
}

@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;
  }
}

@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) {
  .testimonials-container {
    max-width: 60vw;
  }
}

@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%;
  }
}