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

/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/rubik-v28-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/rubik-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/rubik-v28-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/rubik-v28-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/rubik-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/rubik-v28-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rubik-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: 'Rubik';
  font-style: normal;
  font-weight: 900;
  src: url('/fonts/rubik-v28-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;} /*letter-spacing: -0.2px;*/
h1, h2, h3 { font-family: var(--heading-font); color: #000; }
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; letter-spacing: -1.8px;}
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: 32px; font-size: 18px; background-color: var(--btn-color-1); color: #fff; font-weight: 400; position: relative; padding: 15px 30px; 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 > nav .btn { border-radius: 16px; font-size: 14px; padding: 5px 10px; height: 32px;} 
@media (min-width: 1200px) {
  body > nav .btn {font-size: 16px; width: 100%; text-align: center;} 
  }