/* From https://gwfh.mranftl.com/ */


/* work-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/work-sans-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* work-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/work-sans-v24-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* work-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/work-sans-v24-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



/* Typography  */
body { font-family: var(--default-font); color: var(--default-text); } /*letter-spacing: -0.2px;*/
h1, h2, h3 { font-family: var(--heading-font);}
p { line-height: 27px; }

a { color: var(--brand-color-1); text-decoration: none;}
a:hover { color: var(--brand-color-2); text-decoration: none;}

header h1 { color: #fff; }
header a { color: var(--brand-color-2); }
header a:hover { color: var(--brand-color-3); }

h1 { font-size: 32px; line-height: 38px;  margin-top: 32px; margin-bottom: 10px;}
h2, h3 { font-size: 20px; }

@media (min-width: 768px) {
/*  h2, h3 { font-size: 32px; }*/
  /*h1 { margin-top: 0;}*/
}

@media (min-width: 992px) {
  h1 { font-size: 40px; line-height: 48px }
/*  h2, h3 { font-size: 32px; }*/
}

@media (min-width: 1200px) {
  h1 { font-size: 48px; line-height: 58px; }
/*  h2, h3 { font-size: 32px; }
  h2 em, h3 em { font-size: 24px; }*/
}

.btn { display: grid; align-content: center;  border-radius: 8px; font-size: 20px; background-color: var(--btn-color-1); color: #fff; font-weight: 600; position: relative; padding: 10px 15px; text-align: center; border: none;}
.btn:hover { background-color: var(--btn-color-1-hover); color: #fff; text-decoration: none;}

.btn-2 { background-color: var(--btn-color-2); }
.btn-2:hover { background-color: var(--btn-color-2-hover); }


body > header > nav .btn { border-radius: 8px; font-size: 14px; padding: 5px 15px; text-transform: uppercase; } 

@media (min-width: 1200px) {
  body > header > nav .btn { width: 100%; text-align: center;} 
}