@font-face {
  font-family: 'MerriweatherItalic';
  src: url('../fonts/MerriweatherItalic/font.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NDKernDemi';
  src: url('../fonts/NDKernDemi/font.woff2') format('woff2'),
       url('../fonts/NDKernDemi/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NDKernRegular';
  src: url('../fonts/NDKernRegular/font.woff2') format('woff2'),
       url('../fonts/NDKernRegular/font.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.text-NDKernRegular, body, input, select, textarea {
  font-family: "NDKernRegular";
}

.text-NDKernDemi {
  font-family: "NDKernDemi";
}

.text-MerriweatherItalic, .subline {
  font-family: "MerriweatherItalic";
}

.text-26px, .text-28px, .text-36px, .text-42px, .text-48px, .text-32px {
  line-height: 1.4em;
}
.text-22px, button, input, .button, textarea, select, body {
  line-height: 1.3em;
}


h1 { line-height: 1.3em; }
h2, h3, h4 { line-height: 1.05em; }

.text-70px { font-size: 3.166rem; }
.text-64px { font-size: 2rem; }
.text-48px, h2 { font-size: 2.05rem; }
.text-42px { font-size: 2.625rem; }
.text-36px { font-size: 1.6rem; }
.text-32px { font-size: 1.3rem; }
.text-30px { font-size: 1.25rem; }
.text-28px { font-size: 1.21rem; }
.text-27px { font-size: 1.287rem; }
.text-26px, .subline { font-size: 1.21rem; }
.text-24px { font-size: 0.985rem; }
.text-22px, button, input, .button, textarea, select, body { font-size: 0.98rem; }
.text-21px { font-size: 0.91rem; }
.text-16px { font-size: 0.76rem; }


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

  .text-70px {
   font-size: 3.265625rem;
 }

  .text-48px, h2 {
    font-size: 2.11rem;
  }
  .text-36px {
    font-size: 1.6rem;
  }
  .text-28px {
  font-size: 1.25rem;
  }
    .text-27px {
    font-size: 1.328rem;
  }
    .text-26px, .subline {
      font-size: 1.25rem;
    }
    .text-24px {
   font-size: 1.01rem;
 }
    .text-22px, button, input, .button, textarea, select, body {
    font-size: 1.01rem;
  }
  .text-16px {
     font-size: 0.78rem;
   }
}


@media only screen and (min-width: 1440px) {
  .text-70px {
    font-size: 3.6348rem;
  }
  .text-48px, h2 {
   font-size: 2.348rem;
 }
  .text-36px {
    font-size: 1.783rem;
  }
  .text-28px {
    font-size: 1.39rem;
  }
  .text-26px, .subline {
  font-size: 1.3913043478260871rem;
}
  .text-24px {
   font-size: 1.13rem;
 }
 .text-22px, button, input, .button, textarea, select, body {
    font-size: 1.13rem;
  }
 .text-21px {
    font-size: 1.0435rem;
  }
  .text-16px {
    font-size: 0.87rem;
  }
}


@media only screen and (min-width: 1920px) {
  .text-70px {
  font-size: 4.18rem;
  }
  .text-48px, h2 {
   font-size: 2.70rem;
  }
  .text-36px {
    font-size: 2.05rem;
  }
  .text-28px {
    font-size: 1.60rem;
  }
  .text-26px, .subline {
   font-size: 1.60rem;
  }
  .text-24px {
    font-size: 1.30rem;
  }
  .text-22px, button, input, .button, textarea, select, body {
    font-size: 1.30rem;
  }
  .text-21px {
    font-size: 1.20rem;
  }
  .text-16px {
   font-size: 1.00rem;
 }
}


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

  .text-42px { font-size: 2.3rem; }
  .text-32px { font-size: 1.55rem; }

}

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

 .text-42px { font-size: 1.9rem; }

}