/* ============================================================
   FONT DECLARATIONS - WHY PAAL DAPPA
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from why_paal_dappa.css.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */



body {

  font-family: var(--font-body);
}

.text-blue {
  font-family: "Allomira Black", "Allomira", serif;
}

h1,
h2,
h3 {

  font-family: var(--font-heading);
}



p {

  font-family: var(--font-body);
}



.why-kicker {

  font-family: var(--font-allomira);
  /* #f8c146 or #fbc625 */
  font-size: 32px;
}



.why-main-title {

  font-family: var(--font-allomira);
  font-size: 48px;
}



.why-desc {

  font-family: var(--font-lato);
  font-size: 18px;
}



.why-desc strong {

  font-family: var(--font-lato);
}



.diff-text h2 {

  font-size: 2.5rem;
}



.diff-text p {

  font-size: 1.1rem;
}



.section-heading.centered h2 {

  font-size: 3rem;
}



.value-card h3 {

  font-size: 1.5rem;
}



.a2-text-left p,
.a2-text-right p {

  font-size: 15px;
  font-family: "Lato", sans-serif;
}



.a2-kicker {

  font-family: var(--font-allomira);
  /* Match the sandal tone kicker */
  font-size: var(--font-size-kicker-a2);
}



.a2-main-title {

  font-family: var(--font-allomira);
  font-size: var(--font-size-title-a2);
}


@media screen and (max-width: 767px) {


  .why-hero-exact .why-desc {

    font-size: 15px !important;
  }



  .why-hero-exact .why-desc strong {

    font-size: 15px !important;
    font-family: var(--font-lato) !important;
  }



  .why-hero-exact .why-main-title {

    font-size: 38px !important;
  }



  .why-hero-exact .why-kicker {

    font-size: 24px !important;
  }



  .diff-text h2 {

    font-size: 2rem;
  }



  .section-heading.centered h2 {

    font-size: 2.2rem;
  }
}



@media screen and (min-width: 768px) and (max-width: 1023px) {


  .why-hero-exact .why-main-title {

    font-size: 46px;
  }



  .why-hero-exact .why-kicker {

    font-size: 28px;
  }



  .why-hero-exact .why-desc {

    font-size: 16px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 16px;
    font-family: var(--font-lato) !important;
  }



  .diff-text h2 {

    font-size: 2.2rem;
  }
}


@media screen and (min-width: 820px) and (max-width: 1023px) {


  .why-hero-exact .why-main-title {

    font-size: 50px;
  }



  .why-hero-exact .why-kicker {

    font-size: 30px;
  }



  .why-hero-exact .why-desc {

    font-size: 17px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 17px;
    font-family: var(--font-lato) !important;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {


  .diff-text h2 {

    font-size: 2.4rem;
  }



  .why-hero-exact .why-main-title {

    font-size: 54px;
  }



  .why-hero-exact .why-kicker {

    font-size: 32px;
  }



  .why-hero-exact .why-desc {

    font-size: 17px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 17px;
    font-family: var(--font-lato) !important;
  }
}


@media screen and (min-width: 1201px) and (max-width: 1366px) {


  .why-hero-exact .why-main-title {

    font-size: 58px;
  }



  .why-hero-exact .why-kicker {

    font-size: 38px;
  }



  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-text-right ul li,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,
  #why-simple-list,
  .simple-list li,


  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  #why-simple-intro,
  .simple-intro strong,
  #why-simple-outro,
  .simple-outro strong,
  .app-promo-desc strong {

    font-size: 15px;
  }


  .a2-title-wrap .a2-main-title {
    font-size: 38px;
  }

  .a2-kicker {
    font-size: 28px;
  }


  .why-hero-exact .why-desc strong {

    font-size: 15px;
    font-family: var(--font-lato) !important;
  }
}


@media screen and (min-width: 1367px) and (max-width: 1599px) {


  .why-hero-exact .why-main-title {

    font-size: 70px;
  }



  .why-hero-exact .why-kicker {

    font-size: 44px;
  }



  .why-hero-exact .why-desc {

    font-size: 18px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 17px;
    font-family: var(--font-lato) !important;
  }



  .diff-text h2 {

    font-size: 2.8rem;
  }
}


@media screen and (min-width: 1600px) and (max-width: 1999px) {


  .why-hero-exact .why-main-title {

    font-size: 78px;
  }



  .why-hero-exact .why-kicker {

    font-size: 54px;
  }



  .why-hero-exact .why-desc {

    font-size: 20px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 20px;
    font-family: var(--font-lato) !important;
  }



  .diff-text h2 {

    font-size: 3rem;
  }



  .diff-text p {

    font-size: 1.25rem;
  }



  .a2-main-title {

    font-size: 52px;
  }
}


@media screen and (min-width: 2000px) and (max-width: 3000px) {


  .why-hero-exact .why-main-title {

    font-size: 94px;
  }



  .why-hero-exact .why-kicker {

    font-size: 64px;
  }



  .why-hero-exact .why-desc {

    font-size: 22px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 22px;
    font-family: var(--font-lato) !important;
  }



  .diff-text h2 {

    font-size: 3.5rem;
  }



  .diff-text p {

    font-size: 1.4rem;
  }



  .section-heading.centered h2 {

    font-size: 4rem;
  }



  .value-card h3 {

    font-size: 2rem;
  }



  .value-card p {

    font-size: 1.25rem;
  }
}


@media screen and (min-width: 3001px) {


  .why-hero-exact .why-main-title {

    font-size: 116px;
  }



  .why-hero-exact .why-kicker {

    font-size: 80px;
  }



  .why-hero-exact .why-desc {

    font-size: 28px;
  }



  .why-hero-exact .why-desc strong {

    font-size: 28px;
    font-family: var(--font-lato) !important;
  }



  .diff-text h2 {

    font-size: 4.5rem;
  }



  .diff-text p {

    font-size: 1.8rem;
  }



  .section-heading.centered h2 {

    font-size: 5rem;
  }



  .section-heading.centered p {

    font-size: 1.6rem;
  }



  .value-card h3 {

    font-size: 2.8rem;
  }



  .value-card p {

    font-size: 1.6rem;
  }
}



.breed-kicker {

  font-family: var(--font-allomira);
  font-size: 28px;
}



.breed-main-title {

  font-family: var(--font-allomira);
  font-size: 52px;
}



.breed-intro {

  font-size: 18px;
}



.breed-text-left p {

  font-size: 16px;
}



.breed-text-right h3 {

  font-family: "Lato", sans-serif !important;
  font-size: var(--font-size-sub-heading);
}



.breed-text-right ul li {

  font-size: 17px;
}



.breed-text-right p {

  font-size: 16px;
}


@media screen and (max-width: 767px) {


  .breed-kicker {

    font-size: 20px;
  }



  .breed-main-title {

    font-size: 32px;
  }



  .breed-intro {

    font-size: 17px;
  }



  .breed-text-left p {

    font-size: 15px;
  }



  .breed-text-right h3 {

    font-size: 18px;
  }



  .breed-text-right ul li {

    font-size: 15px;
  }



  .breed-text-right p {

    font-size: 15px;
  }
}


@media screen and (min-width: 768px) and (max-width: 820px) {


  .breed-main-title {

    font-size: 40px;
  }
}


@media screen and (min-width: 821px) and (max-width: 1023px) {

  .breed-main-title {

    font-size: 44px;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {


  .breed-main-title {

    font-size: 48px;
  }
}


@media screen and (min-width: 1201px) and (max-width: 1366px) {


  .a2-main-title,
  .breed-main-title {

    font-size: 42px !important;
  }
}


@media screen and (min-width: 1367px) and (max-width: 1599px) {


  .a2-main-title,
  .breed-main-title {

    font-size: 46px !important;
  }
}


@media screen and (min-width: 1600px) and (max-width: 1999px) {


  .breed-main-title {

    font-size: 52px !important;
  }



  .breed-intro {

    font-size: 18px;
  }



  .breed-kicker {

    font-size: 32px;
  }



  .breed-text-left p,
  .breed-text-right p,
  .breed-text-right ul li {

    font-size: 18px;
  }
}


@media screen and (min-width: 2000px) and (max-width: 3000px) {


  .breed-main-title {

    font-size: 84px;
  }



  .breed-intro {

    font-size: 22px;
  }



  .breed-kicker {

    font-size: 48px;
  }



  .breed-text-left p,
  .breed-text-right p,
  .breed-text-right ul li {

    font-size: 22px;
  }
}


@media screen and (min-width: 3001px) {


  .breed-main-title {

    font-size: 130px;
  }



  .breed-intro {

    font-size: 24px;
  }



  .breed-kicker {

    font-size: 84px;
  }



  .breed-text-left p {

    font-size: 20px;
  }



  .breed-text-right ul li {

    font-size: 22px;
  }



  .breed-text-right p {

    font-size: 20px;
  }
}



.owning-kicker {

  font-family: var(--font-allomira);
  font-size: 26px;
}



.owning-main-title {

  font-family: var(--font-allomira);
  font-size: 58px;
}



.owning-desc-wrap p {

  font-family: var(--font-lato) !important;
  font-size: 20px;
}



.owning-sub-title {

  font-family: var(--font-lato) !important;
  font-size: var(--font-size-sub-heading) !important;
}


@media screen and (max-width: 767px) {


  .owning-kicker {

    font-size: 19px;
  }



  .owning-main-title {

    font-size: 34px;
  }



  .owning-desc-wrap p {

    font-size: 16px;
  }
}


@media screen and (min-width: 768px) and (max-width: 820px) {


  .owning-main-title {

    font-size: 46px;
  }



  .owning-desc-wrap p {

    font-size: 18px;
  }
}


@media screen and (min-width: 821px) and (max-width: 1023px) {

  .owning-main-title {

    font-size: 50px;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {

  .owning-main-title {

    font-size: 54px;
  }



  .owning-desc-wrap p {

    font-size: 19px;
  }
}


@media screen and (min-width: 1201px) and (max-width: 1366px) {


  .owning-main-title {

    font-size: 42px !important;
  }
}


@media screen and (min-width: 1367px) and (max-width: 1599px) {

  .owning-main-title {

    font-size: 46px !important;
  }



  .owning-desc-wrap p {

    font-size: 21px;
  }
}


@media screen and (min-width: 1600px) and (max-width: 1999px) {


  .owning-main-title {

    font-size: 52px !important;
  }



  .owning-desc-wrap p {

    font-size: 22px;
  }
}


@media screen and (min-width: 2000px) and (max-width: 3000px) {


  .owning-kicker {

    font-size: 32px;
  }



  .owning-main-title {

    font-size: 82px;
  }



  .owning-desc-wrap p {

    font-size: 26px;
  }
}


@media screen and (min-width: 3001px) {


  .owning-kicker {

    font-size: 42px;
  }



  .owning-main-title {

    font-size: 110px;
  }



  .owning-desc-wrap p {

    font-size: 38px;
  }
}


.why-main-title,
.owning-main-title,
.traditional-main-title,
.quality-title,
.breed-main-title,
#why-simple-terms-title,
.simple-terms-title,
#bold,
#main-title,
.app-promo-title,
.a2-main-title {

  font-size: var(--font-size-title-a2);
}


@media screen and (max-width: 1023px) {

  .why-kicker {

    font-size: 22px;
  }



  #bold1 {

    font-size: 20px;
  }
}


@media screen and (width: 768px) and (height: 1024px),
screen and (width: 820px) and (height: 1180px),
screen and (width: 1024px) and (height: 1366px) {

  .why-kicker {

    font-size: 28px;
  }



  #bold1 {

    font-size: 24px;
  }
}


@media screen and (min-width: 1024px) and (max-width: 2559px) {

  @media not all and (width: 1024px) and (height: 1366px) {

    .why-kicker {

      font-size: 38px;
    }



    #bold1 {

      font-size: 34px;
    }
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {

  .why-kicker {

    font-size: 42px;
  }



  #bold1 {

    font-size: 38px;
  }
}


@media screen and (min-width: 3840px) {

  .why-kicker {

    font-size: 84px;
  }



  #bold1 {

    font-size: 70px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 22px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1200px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 24px;
  }
}


@media screen and (min-width: 1201px) and (max-width: 1599px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 24px;
  }
}


@media screen and (min-width: 1600px) and (max-width: 1999px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 28px;
  }
}


@media screen and (min-width: 2000px) and (max-width: 3000px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 38px;
  }
}


@media screen and (min-width: 3001px) {


  .breed-kicker,
  .owning-kicker {

    font-size: 38px;
  }
}


.owning-desc-wrap p,
.diff-text p,
.why-values p,
.value-card p,
.breed-text-left p,
.breed-text-right p,
.breed-text-right ul li,
.a2-text-left p,
.a2-text-right p,
.traditional-desc p,
#why-simple-intro,
.simple-intro,
#why-simple-outro,
.simple-outro,
#why-simple-list,
.simple-list li,


.owning-desc-wrap p strong,
.diff-text p strong,
.why-values p strong,
.value-card p strong,
.breed-text-left p strong,
.breed-text-right p strong,
.a2-text-left p strong,
.a2-text-right p strong,
.traditional-desc p strong,
#why-simple-intro,
.simple-intro strong,
#why-simple-outro,
.simple-outro strong,
.app-promo-desc strong {

  font-size: var(--font-size-body-a2);
}



.traditional-main-title {

  font-family: var(--font-allomira);
}



.traditional-desc p {

  font-family: var(--font-body);
}


@media screen and (max-width: 767px) {


  .traditional-main-title {

    font-size: 32px;
  }



  .traditional-desc p {

    font-size: 14px;
  }
}


@media screen and (width: 768px) and (height: 1024px) {


  .traditional-main-title {

    font-size: 24px;
  }



  .traditional-desc p {

    font-size: 15px;
  }
}


@media screen and (width: 820px) and (height: 1180px) {


  .traditional-main-title {

    font-size: 26px !important;
  }
}


@media screen and (width: 1024px) and (height: 1366px) {


  .traditional-main-title {

    font-size: 30px !important;
  }
}


@media screen and (min-width: 768px) and (max-width: 1023px) {


  .traditional-main-title {

    font-size: 24px !important;
  }



  .traditional-desc p {

    font-size: 15px !important;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1365px) {


  .traditional-main-title {

    font-size: 42px !important;
  }



  .traditional-desc p {

    font-size: 16px !important;
  }
}


@media screen and (min-width: 1366px) and (max-width: 1919px) {


  .traditional-main-title {

    font-size: 46px !important;
  }



  .traditional-desc p {

    font-size: 18px;
  }
}


@media screen and (min-width: 1920px) and (max-width: 2559px) {


  .traditional-main-title {

    font-size: 52px !important;
  }



  .traditional-desc p {

    font-size: 18px;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {


  .traditional-main-title {

    font-size: 56px !important;
  }



  .traditional-desc p {

    font-size: 20px !important;
  }
}


@media screen and (min-width: 3840px) {


  .traditional-main-title {

    font-size: 64px !important;
  }



  .traditional-desc p {

    font-size: 24px !important;
  }
}



.quality-title {

  font-family: var(--font-allomira);
  font-size: 52px;
}



.quality-desc p {

  font-family: var(--font-body);
  font-size: 20px;
}



#why-simple-terms-title,
.simple-terms-title {

  font-family: var(--font-body);
  font-size: 32px;
}



#why-simple-intro,
.simple-intro {

  font-family: var(--font-lato) !important;
  font-size: 16px;
}



#why-simple-list,
.simple-list li {

  font-family: var(--font-body) !important;
  font-size: 28px !important;
}



#why-simple-outro,
.simple-outro {

  font-family: var(--font-lato) !important;
  font-size: 16px;
}


@media screen and (max-width: 767px) {


  #bold1,
  .quality-title {

    font-size: 32px !important;
  }



  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 32px !important;
  }



  .quality-desc p {

    font-size: 14px !important;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 14px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 18px;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 14px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 18px;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {


  .quality-title {

    font-size: 28px !important;
  }



  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 28px !important;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 16px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 24px !important;
  }



  #why-simple-outro,
  .simple-outro {

    font-size: 18px;
  }
}


@media only screen and (min-width: 820px) and (max-width: 820px) and (min-height: 1180px) {


  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 28px !important;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 16px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 24px !important;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1199px) {


  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 16px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 24px !important;
  }
}


@media screen and (min-width: 1200px) and (max-width: 1399px) {


  #bold1,
  .quality-title {

    font-size: 42px !important;
  }



  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 34px !important;
  }



  .quality-desc p {

    font-size: 16px !important;
  }
}


@media screen and (min-width: 1440px) and (max-width: 1899px) {


  #bold1,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 46px !important;
  }



  .quality-desc p {

    font-size: 18px;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 16px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 24px !important;
  }
}


@media screen and (min-width: 1900px) and (max-width: 2559px) {


  #bold1,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 52px !important;
  }



  #why-simple-terms-title,
  .simple-terms-title {

    font-family: var(--font-allomira) !important;
    font-size: 52px !important;
  }



  .quality-desc p {

    font-size: 18px;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-family: var(--font-lato) !important;
    font-size: 20px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-family: var(--font-lato) !important;
    font-size: 30px !important;
  }
}


@media screen and (min-width: 2560px) and (max-width: 3839px) {


  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 42px !important;
  }



  .quality-desc p {

    font-size: 24px !important;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 22px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 38px !important;
  }
}


@media screen and (min-width: 3840px) {


  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title {

    font-size: 64px !important;
  }



  .quality-desc p {

    font-size: 32px !important;
  }



  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro {

    font-size: 22px !important;
  }



  #why-simple-list,
  .simple-list li {

    font-size: 58px !important;
  }
}

/* ============================================================
   CONSOLIDATED HIGH-RESOLUTION TYPOGRAPHY OVERRIDES
   ============================================================ */

/* 1. LAPTOP BASELINE (1280px Viewports) */
@media screen and (min-width: 1200px) and (max-width: 1366px) {

  /* Group 1: PARAGRAPH SIZES -> 15px */
  .why-desc,
  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-intro,
  .breed-intro strong,
  .breed-text-right ul li,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,
  .quality-desc p,
  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  .simple-intro strong,
  .simple-outro strong,
  .app-promo-desc strong {
    font-size: 15px !important;
  }

  /* Group 2: SUB-HEADINGS / KICKERS -> 28px */
  .a2-kicker,
  .breed-kicker,
  .owning-kicker {
    font-size: 28px !important;
  }

  /* Group 3: SECTION HEADINGS -> 38px */
  .a2-main-title,
  .breed-main-title,
  .owning-main-title,
  .traditional-main-title,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title,
  #bold,
  #main-title,
  #bold1 {
    font-size: 38px !important;
  }

  /* Group 4: TOP HERO HEADING -> 58px */
  .why-main-title {
    font-size: 58px !important;
  }

  /* Group 5: TOP HERO SUB HEADING -> 38px */
  .why-kicker {
    font-size: 38px !important;
  }
}

/* 2. LAPTOP LARGE (1440px Viewports) */
@media screen and (min-width: 1367px) and (max-width: 1599px) {

  /* Group 1: PARAGRAPH SIZES -> 17px */
  .why-desc,
  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-intro p,
  .breed-intro,
  .breed-intro strong,
  .breed-text-right ul li,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,
  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .quality-desc p,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  .simple-intro strong,
  .simple-outro strong,
  .app-promo-desc strong {
    font-size: 17px !important;
  }

  /* Group 2: SUB-HEADINGS / KICKERS -> 34px */
  .a2-kicker,
  .breed-kicker,
  .owning-kicker {
    font-size: 34px !important;
  }

  /* Group 3: SECTION HEADINGS -> 44px */
  .a2-main-title,
  .breed-main-title,
  .owning-main-title,
  .traditional-main-title,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title,
  #bold,
  #main-title,
  #bold1 {
    font-size: 44px !important;
  }

  /* Group 4: TOP HERO HEADING -> 66px */
  .why-main-title {
    font-size: 66px !important;
  }

  /* Group 5: TOP HERO SUB HEADING -> 44px */
  .why-kicker {
    font-size: 44px !important;
  }
}

/* 3. DESKTOP STANDARD (1920px Viewports) */
@media screen and (min-width: 1600px) and (max-width: 1999px) {

  /* Group 1: PARAGRAPH SIZES -> 20px */
  .why-desc,
  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-intro,
  .breed-intro strong,
  .breed-text-right ul li,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,

  .quality-desc p,
  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  .simple-intro strong,
  .simple-outro strong,
  .app-promo-desc strong {
    font-size: 20px !important;
  }

  /* Group 2: SUB-HEADINGS / KICKERS -> 42px */
  .a2-kicker,
  .breed-kicker,
  .owning-kicker {
    font-size: 42px !important;
  }

  /* Group 3: SECTION HEADINGS -> 52px */
  .a2-main-title,
  .breed-main-title,
  .owning-main-title,
  .traditional-main-title,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title,
  #bold,
  #main-title,
  #bold1 {
    font-size: 52px !important;
  }

  /* Group 4: TOP HERO HEADING -> 78px */
  .why-main-title {
    font-size: 78px !important;
  }

  /* Group 5: TOP HERO SUB HEADING -> 54px */
  .why-kicker {
    font-size: 54px !important;
  }
}

/* 4. DESKTOP LARGE (2860px Viewports) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {

  /* Group 1: PARAGRAPH SIZES -> 26px */
  .why-desc,
  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-intro,
  .breed-intro strong,
  .breed-text-right ul li,
  .quality-desc p,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,
  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  .simple-intro strong,
  .simple-outro strong,
  .app-promo-desc strong {
    font-size: 26px !important;
  }

  /* Group 2: SUB-HEADINGS / KICKERS -> 58px */
  .a2-kicker,
  .breed-kicker,
  .owning-kicker {
    font-size: 58px !important;
  }

  /* Group 3: SECTION HEADINGS -> 68px */
  .a2-main-title,
  .breed-main-title,
  .owning-main-title,
  .traditional-main-title,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title,
  #bold,
  #main-title,
  #bold1 {
    font-size: 68px !important;
  }

  /* Group 4: TOP HERO HEADING -> 102px */
  .why-main-title {
    font-size: 102px !important;
  }

  /* Group 5: TOP HERO SUB HEADING -> 68px */
  .why-kicker {
    font-size: 68px !important;
  }
}

/* 5. DESKTOP 4K (3840px/3860px Viewports) */
@media screen and (min-width: 3001px) {

  /* Group 1: PARAGRAPH SIZES -> 36px */
  .why-desc,
  .owning-desc-wrap p,
  .diff-text p,
  .why-values p,
  .value-card p,
  .breed-text-left p,
  .breed-text-right p,
  .breed-text-right ul li,
  .quality-desc p,
  .breed-intro,
  .breed-intro strong,
  .a2-text-left p,
  .a2-text-right p,
  .traditional-desc p,
  #why-simple-intro,
  .simple-intro,
  #why-simple-outro,
  .simple-outro,
  .owning-desc-wrap p strong,
  .diff-text p strong,
  .why-values p strong,
  .value-card p strong,
  .breed-text-left p strong,
  .breed-text-right p strong,
  .a2-text-left p strong,
  .a2-text-right p strong,
  .traditional-desc p strong,
  .simple-intro strong,
  .simple-outro strong,
  .app-promo-desc strong {
    font-size: 36px !important;
  }

  /* Group 2: SUB-HEADINGS / KICKERS -> 86px */
  .a2-kicker,
  .breed-kicker,
  .owning-kicker {
    font-size: 86px !important;
  }

  /* Group 3: SECTION HEADINGS -> 96px */
  .a2-main-title,
  .breed-main-title,
  .owning-main-title,
  .traditional-main-title,
  .quality-title,
  #why-simple-terms-title,
  .simple-terms-title,
  #bold,
  #main-title,
  #bold1 {
    font-size: 96px !important;
  }

  /* Group 4: TOP HERO HEADING -> 144px */
  .why-main-title {
    font-size: 144px !important;
  }

  /* Group 5: TOP HERO SUB HEADING -> 96px */
  .why-kicker {
    font-size: 96px !important;
  }
}