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

/* work-sans-300 - latin */
/* raleway-300 - 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: 'Raleway';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/raleway-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/raleway-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-italic - 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: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/raleway-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/raleway-v34-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-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: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/raleway-v34-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-700 - 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: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/raleway-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-800 - 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: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/raleway-v34-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* raleway-900 - 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: 'Raleway';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/raleway-v34-latin-900.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, a:hover { color: var(--brand-color-1); text-decoration: none;}
a:hover {text-decoration: underline;}

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

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

@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: 15px; font-size: 20px; background-color: var(--btn-color-1); color: #fff; font-weight: 700; position: relative; padding: 10px 15px; text-align: center; border: none; box-shadow: inset 0 0 0 2px var(--btn-color-1), inset 0 0 0 4px rgba(255,255,255,0.7);}
.btn:hover { background-color: var(--btn-color-1-hover); color: #fff; text-decoration: none;}

.btn-2 { background-color: var(--btn-color-2); box-shadow: inset 0 0 0 2px var(--btn-color-2), inset 0 0 0 4px rgba(255,255,255,0.7);}
.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;} 
  }