@font-face {
  font-family: "Averta-Light";
  font-style: normal;
  src: url("../fonts/Averta-Light.otf");
}
@font-face {
  font-family: "Averta-Regular";
  font-style: normal;
  src: url("../fonts/Averta-Regular.otf");
}
@font-face {
  font-family: "Averta-Bold";
  font-style: normal;
  src: url("../fonts/Averta-Bold.otf");
}
@font-face {
  font-family: "DomaineDisplay-Regular";
  font-style: normal;
  src: url("../fonts/DomaineDisplay-Regular.otf");
}
@font-face {
  font-family: "DomaineDisplay-Semibold";
  font-style: normal;
  src: url("../fonts/DomaineDisplay-Semibold.otf");
}
html {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.8px;
  line-height: 1.3;
}
@media only screen and (max-width: 769px) {
  html {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.7px;
  }
}
button {
  font-family: inherit;
}
*[small-box-headline] {
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  *[small-box-headline] {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  *[small-box-headline] {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
*[small-box-headline]:nth-child(2) {
  text-transform: lowercase;
}
@media only screen and (min-width: 1025px) {
  *[small-box-headline]:nth-child(2) {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  *[small-box-headline]:nth-child(2) {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  *[small-box-headline] {
    font-size: 10px;
    letter-spacing: 0.5px;
  }
}
em {
  font-style: italic;
}
h1 {
  font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 60px;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: subpixel-antialiased;
  letter-spacing: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 1025px) {
  h1 {
    font-size: 50px;
    letter-spacing: 2.5px;
  }
}
p {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.8px;
}
button[round-button],
div[next-prev-label] {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.7px;
  letter-spacing: 1.5px;
}
*[round-text-button],
.profile-button {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}
@media only screen and (min-width: 1025px) {
  *[round-text-button],
  .profile-button {
    font-family: "DomaineDisplay-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  *[round-text-button],
  .profile-button {
    font-family: "DomaineDisplay-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
*[round-text-button] span,
.profile-button span {
  line-height: 32px;
}
*[keyword] {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.6px;
}
header#header a,
header#header button {
  font-family: "DomaineDisplay-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
header#header nav[role="main-navigation"] a,
header#header nav[role="main-navigation"] button {
  -webkit-font-smoothing: subpixel-antialiased;
}
@media only screen and (max-width: 1025px) {
  header#header nav[role="main-navigation"] a,
  header#header nav[role="main-navigation"] button {
    font-size: 24px;
    letter-spacing: 1.2px;
  }
}
header#header nav[role="category-navigation"] a {
  font-size: 24px;
  letter-spacing: 1.2px;
}
@media only screen and (min-width: 1025px) {
  header#header menu[role="sub-menu"] a,
  header#header menu[role="sub-menu"] button {
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.6px;
    letter-spacing: 1.5px;
  }
}
@media only screen and (max-width: 1025px) {
  header#header menu[role="sub-menu"] a,
  header#header menu[role="sub-menu"] button {
    text-transform: capitalize;
    font-size: 18px;
    letter-spacing: 0.9px;
    letter-spacing: 0.5px;
  }
}
header#header nav[role="logged-in-navigation"] span {
  font-size: 9px;
  letter-spacing: 0.45px;
}
footer#footer nav {
  font-family: "DomaineDisplay-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 769px) {
  footer#footer nav {
    font-family: "DomaineDisplay-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
footer#footer small {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 9px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.45px;
}
section[hero-slider] {
  font-family: "DomaineDisplay-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
section[hero-slider] button[round-button],
section[hero-slider] div[next-prev-label] {
  letter-spacing: 0px;
  font-weight: 900;
}
section[hero-slider] div[top] {
  text-transform: uppercase;
  font-weight: 100;
  letter-spacing: 1.2px;
  font-size: 10px;
}
@media only screen and (min-width: 1025px) {
  section[hero-slider] div[top] {
    font-size: 11px;
  }
}
section[hero-slider] div[top] div[label] {
  font-weight: 900;
}
section[hero-slider] div[text] h1 {
  letter-spacing: -0.25px;
  font-weight: 900;
}
@media only screen and (max-width: 769px) {
  section[hero-slider] div[text] h1 {
    line-height: 1.1;
    font-size: 30px;
  }
}
@media only screen and (min-width: 769px) {
  section[hero-slider] div[text] h1 {
    font-size: 50px;
    line-height: 1;
  }
}
@media only screen and (min-width: 1025px) {
  section[hero-slider] div[text] h1 {
    line-height: 1;
    font-size: 60px;
  }
}
section[hero-slider] div[text] p {
  line-height: 1.3;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1025px) {
  section[hero-slider] div[text] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.85px;
  }
}
@media only screen and (max-width: 1025px) {
  section[hero-slider] div[text] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
*[small-line-headline] {
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  *[small-line-headline] {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  *[small-line-headline] {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
#quick-search top {
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  #quick-search top {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  #quick-search top {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
#quick-search .result {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.3px;
}
@media only screen and (min-width: 1025px) {
  #quick-search .search-input input {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 120px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  #quick-search .search-input input {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (min-width: 1025px) {
  nav[role="breadcrum"] {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  nav[role="breadcrum"] {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
nav[role="breadcrum"] > a,
nav[role="breadcrum"] > strong {
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  nav[role="breadcrum"] > a,
  nav[role="breadcrum"] > strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  nav[role="breadcrum"] > a,
  nav[role="breadcrum"] > strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
div[data-ad="google"] div[inner] div[label] {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
section[content-slider] h1,
section[content-stream] h1 {
  font-weight: 900;
}
@media only screen and (min-width: 769px) {
  section[content-slider] h1,
  section[content-stream] h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 23px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1.5px;
  }
}
@media only screen and (max-width: 769px) {
  section[content-slider] h1,
  section[content-stream] h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1.4px;
  }
}
section[content-slider][type="calendar"] sponsor p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.5px;
}
.page.frontpage section[content-slider][type="calendar"] div[calender-element] div[bottom] > p {
  line-height: 1.1;
}
@media only screen and (min-width: 1025px) {
  .page.frontpage section[content-slider][type="calendar"] div[calender-element] div[bottom] > p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.frontpage section[content-slider][type="calendar"] div[calender-element] div[bottom] > p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.8px;
  }
}
@media only screen and (min-width: 769px) {
  .page.calendarfolder div[calender-element][highlighted="true"] h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
    line-height: 1.2;
  }
  .page.calendarfolder div[calender-element][highlighted="true"] div[bottom] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
    line-height: 1.2;
  }
}
div[calender-element] h2 {
  line-height: 1.2;
}
@media only screen and (min-width: 1025px) {
  div[calender-element] h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1025px) {
  div[calender-element] h2 {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.85px;
  }
}
div[calender-element] h3 {
  line-height: 1;
}
@media only screen and (min-width: 1025px) {
  div[calender-element] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  div[calender-element] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
div[calender-element] div[top] p {
  text-transform: uppercase;
  font-family: "Averta-Bold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.5px;
}
@media only screen and (min-width: 1025px) {
  div[calender-element] div[bottom] div[sponsored] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1025px) {
  div[calender-element] div[bottom] div[sponsored] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.5px;
  }
}
div[calender-element] div[bottom] > p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  line-height: 1.5;
}
div[calender-element] div[bottom] > a {
  line-height: 30px;
}
@media only screen and (min-width: 1025px) {
  div[calender-element] div[bottom] > a {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 1025px) {
  div[calender-element] div[bottom] > a {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.45px;
  }
}
@media only screen and (min-width: 769px) {
  section[content-slider][size="large"][num-visible-items="2"] div[article-element] div.inner > a h2,
  section[content-slider][size="large"][num-visible-items="1"] div[article-element] div.inner > a h2 {
    font-size: 34px;
    letter-spacing: 0px;
  }
  section[content-slider][size="large"][num-visible-items="2"] div[article-element] div.inner > a p,
  section[content-slider][size="large"][num-visible-items="1"] div[article-element] div.inner > a p {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 1.4;
  }
}
.grid-item p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.75px;
  line-height: 1.55;
}
.grid-item p strong {
  font-weight: 900;
}
.grid-item div[date] span[by-label] {
  text-transform: lowercase;
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 9px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.45px;
}
.content div[top] {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.75px;
}
@media only screen and (max-width: 769px) {
  div[article-element] div.inner > a h2,
  div[article-element] div.inner > a h5 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 769px) {
  div[article-element] div.inner > a h2,
  div[article-element] div.inner > a h5 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
div[article-element] div.inner > a > a > p,
div[article-element] div.inner > a > p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.7px;
  line-height: 1.3;
}
@media only screen and (max-width: 769px) {
  div[article-element] div.inner > a > a > p,
  div[article-element] div.inner > a > p {
    font-size: 12px;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 769px) {
  div[article-element] div.inner > a > a > p,
  div[article-element] div.inner > a > p {
    font-size: 14px;
    letter-spacing: 0px;
  }
}
nav[role="tags"] {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  text-transform: uppercase;
}
tag {
  font-family: "Averta-Bold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 8.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.425px;
}
@media only screen and (max-width: 620px) {
  .page.articletravel header h1,
  .page.articlecrafting header h1,
  .page.articlelifestyle header h1,
  .page.limitededitions header h1 {
    font-size: 38px;
    letter-spacing: -1px;
  }
}
.page.articletravel header h2,
.page.articlecrafting header h2,
.page.articlelifestyle header h2,
.page.limitededitions header h2 {
  line-height: 1.4;
}
@media only screen and (min-width: 1025px) {
  .page.articletravel header h2,
  .page.articlecrafting header h2,
  .page.articlelifestyle header h2,
  .page.limitededitions header h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.5px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel header h2,
  .page.articlecrafting header h2,
  .page.articlelifestyle header h2,
  .page.limitededitions header h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.5px;
  }
}
.page.articletravel .outlined-box p,
.page.articlecrafting .outlined-box p,
.page.articlelifestyle .outlined-box p,
.page.limitededitions .outlined-box p {
  line-height: 2;
}
@media only screen and (min-width: 1025px) {
  .page.articletravel .outlined-box p,
  .page.articlecrafting .outlined-box p,
  .page.articlelifestyle .outlined-box p,
  .page.limitededitions .outlined-box p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel .outlined-box p,
  .page.articlecrafting .outlined-box p,
  .page.articlelifestyle .outlined-box p,
  .page.limitededitions .outlined-box p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel .outlined-box p strong,
  .page.articlecrafting .outlined-box p strong,
  .page.articlelifestyle .outlined-box p strong,
  .page.limitededitions .outlined-box p strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel .outlined-box p strong,
  .page.articlecrafting .outlined-box p strong,
  .page.articlelifestyle .outlined-box p strong,
  .page.limitededitions .outlined-box p strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 769px) {
  .page.articletravel section[role="related"] h2,
  .page.articlecrafting section[role="related"] h2,
  .page.articlelifestyle section[role="related"] h2,
  .page.limitededitions section[role="related"] h2,
  .page.articletravel section[role="related"] h5,
  .page.articlecrafting section[role="related"] h5,
  .page.articlelifestyle section[role="related"] h5,
  .page.limitededitions section[role="related"] h5 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 769px) {
  .page.articletravel section[role="related"] h2,
  .page.articlecrafting section[role="related"] h2,
  .page.articlelifestyle section[role="related"] h2,
  .page.limitededitions section[role="related"] h2,
  .page.articletravel section[role="related"] h5,
  .page.articlecrafting section[role="related"] h5,
  .page.articlelifestyle section[role="related"] h5,
  .page.limitededitions section[role="related"] h5 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
.page.articletravel section[role="related"] > a > p,
.page.articlecrafting section[role="related"] > a > p,
.page.articlelifestyle section[role="related"] > a > p,
.page.limitededitions section[role="related"] > a > p,
.page.articletravel section[role="related"] > p,
.page.articlecrafting section[role="related"] > p,
.page.articlelifestyle section[role="related"] > p,
.page.limitededitions section[role="related"] > p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.7px;
  line-height: 1.3;
}
@media only screen and (max-width: 769px) {
  .page.articletravel section[role="related"] > a > p,
  .page.articlecrafting section[role="related"] > a > p,
  .page.articlelifestyle section[role="related"] > a > p,
  .page.limitededitions section[role="related"] > a > p,
  .page.articletravel section[role="related"] > p,
  .page.articlecrafting section[role="related"] > p,
  .page.articlelifestyle section[role="related"] > p,
  .page.limitededitions section[role="related"] > p {
    font-size: 12px;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 769px) {
  .page.articletravel section[role="related"] > a > p,
  .page.articlecrafting section[role="related"] > a > p,
  .page.articlelifestyle section[role="related"] > a > p,
  .page.limitededitions section[role="related"] > a > p,
  .page.articletravel section[role="related"] > p,
  .page.articlecrafting section[role="related"] > p,
  .page.articlelifestyle section[role="related"] > p,
  .page.limitededitions section[role="related"] > p {
    font-size: 14px;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel article[content-outer] aside[right] h4,
  .page.articlecrafting article[content-outer] aside[right] h4,
  .page.articlelifestyle article[content-outer] aside[right] h4,
  .page.limitededitions article[content-outer] aside[right] h4 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel article[content-outer] aside[right] h4,
  .page.articlecrafting article[content-outer] aside[right] h4,
  .page.articlelifestyle article[content-outer] aside[right] h4,
  .page.limitededitions article[content-outer] aside[right] h4 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel div.mini-headline,
  .page.articlecrafting div.mini-headline,
  .page.articlelifestyle div.mini-headline,
  .page.limitededitions div.mini-headline {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel div.mini-headline,
  .page.articlecrafting div.mini-headline,
  .page.articlelifestyle div.mini-headline,
  .page.limitededitions div.mini-headline {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.page.articletravel section[role="main-content"] p,
.page.articlecrafting section[role="main-content"] p,
.page.articlelifestyle section[role="main-content"] p,
.page.limitededitions section[role="main-content"] p {
  line-height: 1.45;
}
@media only screen and (min-width: 1025px) {
  .page.articletravel section[role="main-content"] p,
  .page.articlecrafting section[role="main-content"] p,
  .page.articlelifestyle section[role="main-content"] p,
  .page.limitededitions section[role="main-content"] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel section[role="main-content"] p,
  .page.articlecrafting section[role="main-content"] p,
  .page.articlelifestyle section[role="main-content"] p,
  .page.limitededitions section[role="main-content"] p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: -0.1px;
  }
}
@media only screen and (min-width: 620px) {
  .page.articletravel section[role="main-content"] p,
  .page.articlecrafting section[role="main-content"] p,
  .page.articlelifestyle section[role="main-content"] p,
  .page.limitededitions section[role="main-content"] p {
    line-height: 1.9;
  }
}
.page.articletravel section[role="main-content"] p:not(.is-strong):first-child:first-letter,
.page.articlecrafting section[role="main-content"] p:not(.is-strong):first-child:first-letter,
.page.articlelifestyle section[role="main-content"] p:not(.is-strong):first-child:first-letter,
.page.limitededitions section[role="main-content"] p:not(.is-strong):first-child:first-letter {
  font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 42px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
@media only screen and (min-width: 620px) {
  .page.articletravel section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.articlecrafting section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.articlelifestyle section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.limitededitions section[role="main-content"] p:not(.is-strong):first-child:first-letter {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 49px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.articlecrafting section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.articlelifestyle section[role="main-content"] p:not(.is-strong):first-child:first-letter,
  .page.limitededitions section[role="main-content"] p:not(.is-strong):first-child:first-letter {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 52px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel section[role="main-content"] p strong,
  .page.articlecrafting section[role="main-content"] p strong,
  .page.articlelifestyle section[role="main-content"] p strong,
  .page.limitededitions section[role="main-content"] p strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel section[role="main-content"] p strong,
  .page.articlecrafting section[role="main-content"] p strong,
  .page.articlelifestyle section[role="main-content"] p strong,
  .page.limitededitions section[role="main-content"] p strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.articletravel section[role="main-content"] div[class="quote"]:before,
  .page.articlecrafting section[role="main-content"] div[class="quote"]:before,
  .page.articlelifestyle section[role="main-content"] div[class="quote"]:before,
  .page.limitededitions section[role="main-content"] div[class="quote"]:before {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel section[role="main-content"] div[class="quote"]:before,
  .page.articlecrafting section[role="main-content"] div[class="quote"]:before,
  .page.articlelifestyle section[role="main-content"] div[class="quote"]:before,
  .page.limitededitions section[role="main-content"] div[class="quote"]:before {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
.page.articletravel section[role="main-content"] div[class="quote"] h3,
.page.articlecrafting section[role="main-content"] div[class="quote"] h3,
.page.articlelifestyle section[role="main-content"] div[class="quote"] h3,
.page.limitededitions section[role="main-content"] div[class="quote"] h3 {
  letter-spacing: 0px;
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .page.articletravel section[role="main-content"] div[class="quote"] h3,
  .page.articlecrafting section[role="main-content"] div[class="quote"] h3,
  .page.articlelifestyle section[role="main-content"] div[class="quote"] h3,
  .page.limitededitions section[role="main-content"] div[class="quote"] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.articletravel section[role="main-content"] div[class="quote"] h3,
  .page.articlecrafting section[role="main-content"] div[class="quote"] h3,
  .page.articlelifestyle section[role="main-content"] div[class="quote"] h3,
  .page.limitededitions section[role="main-content"] div[class="quote"] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
.page.articletravel section[role="main-content"] div[class="quote"] small,
.page.articlecrafting section[role="main-content"] div[class="quote"] small,
.page.articlelifestyle section[role="main-content"] div[class="quote"] small,
.page.limitededitions section[role="main-content"] div[class="quote"] small {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
.page.articletravel section[role="main-content"] div[class="quote"] small strong,
.page.articlecrafting section[role="main-content"] div[class="quote"] small strong,
.page.articlelifestyle section[role="main-content"] div[class="quote"] small strong,
.page.limitededitions section[role="main-content"] div[class="quote"] small strong {
  font-family: "Averta-Bold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
section[full-bleed-gallery] div[image].swiper-slide div[description] span {
  line-height: 3.5;
}
@media only screen and (min-width: 1025px) {
  section[full-bleed-gallery] div[image].swiper-slide div[description] span {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  section[full-bleed-gallery] div[image].swiper-slide div[description] span {
    font-family: "Averta-Regular", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
info-box menu[filter-options] button {
  font-family: "Averta-Bold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 10.5px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  text-transform: uppercase;
  line-height: 3.8;
}
info-box filter div[mobile-only] {
  font-family: "Averta-Bold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 9px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1025px) {
  info-box h1,
  info-box h1 p {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  info-box h1,
  info-box h1 p {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
info-box h2,
info-box h2 p {
  line-height: 1.4;
}
@media only screen and (min-width: 1025px) {
  info-box h2,
  info-box h2 p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  info-box h2,
  info-box h2 p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  info-box input {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  info-box input {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
info-box p {
  letter-spacing: 0px;
}
info-box .swiper-container li {
  font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
info-box button.download {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
@media only screen and (min-width: 1025px) {
  menu.contents-main-filter button {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  menu.contents-main-filter button {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
nav.section-headline {
  font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
}
nav.section-headline div.label {
  font-size: 44px;
}
@media only screen and (min-width: 769px) {
  nav.section-headline {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
  nav.section-headline div.label {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1025px) {
  nav.section-headline {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
  nav.section-headline div.label {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.mastercompendium div.top div.title span,
  .page.mastercompendium div.top div.sub-headline span {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.mastercompendium div.top div.title span,
  .page.mastercompendium div.top div.sub-headline span {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.mastercompendium div.top div.title span p {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.mastercompendium div.top div.title span p {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 2px;
  }
}
.page.mastercompendium div.top div.year {
  font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 153.6px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0px;
  line-height: 1;
}
@media only screen and (min-width: 620px) {
  .page.mastercompendium div.top div.year {
    font-size: 307.2px;
  }
}
@media only screen and (min-width: 1024px) {
  .page.mastercompendium div.top div.year {
    font-size: 409.6px;
  }
}
@media only screen and (min-width: 1280px) {
  .page.mastercompendium div.top div.year {
    font-size: 460.8px;
  }
}
@media only screen and (min-width: 1440px) {
  .page.mastercompendium div.top div.year {
    font-size: 512px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.mastercompendium section.content h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  .page.mastercompendium section.content h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.page.mastercompendium section.content h2 p {
  line-height: 1.6;
}
@media only screen and (min-width: 1025px) {
  .page.mastercompendium section.content h2 p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.mastercompendium section.content h2 p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.subcompendium div.title span {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 11px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.subcompendium div.title span {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 9px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 1px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.subcompendium .top h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  .page.subcompendium .top h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
.page.subcompendium .top h2 {
  line-height: 1.6;
}
@media only screen and (min-width: 1025px) {
  .page.subcompendium .top h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.subcompendium .top h2 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 769px) {
  .page.magazinearchive .section-headline div.label {
    font-size: 33px;
    letter-spacing: 1.65px;
    line-height: 3.45;
    letter-spacing: 0.5px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.magazinearchive .content div[role="year-archive"] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 200px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  .page.magazinearchive .content div[role="year-archive"] h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (min-width: 1025px) {
  .page.magazinearchive .content div[role="year-archive"] h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  .page.magazinearchive .content div[role="year-archive"] h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (min-width: 1350px) {
  .page.magazinearchive .content div[role="year-archive"] h2 {
    font-size: 50px;
    letter-spacing: 2.5px;
  }
}
@media only screen and (min-width: 1025px) {
  #magazine-archive-details div[content-outer] .top h3,
  .magazineissue .top h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 200px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  #magazine-archive-details div[content-outer] .top h3,
  .magazineissue .top h3 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 100px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (min-width: 1025px) {
  #magazine-archive-details div[content-outer] .top h1,
  .magazineissue .top h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 50px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  #magazine-archive-details div[content-outer] .top h1,
  .magazineissue .top h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 35px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (min-width: 1025px) {
  #magazine-archive-details div[content-outer] .issue-button h3,
  .magazineissue .issue-button h3,
  #magazine-archive-details div[content-outer] .issue-content p,
  .magazineissue .issue-content p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.7px;
  }
}
@media only screen and (max-width: 1025px) {
  #magazine-archive-details div[content-outer] .issue-button h3,
  .magazineissue .issue-button h3,
  #magazine-archive-details div[content-outer] .issue-content p,
  .magazineissue .issue-content p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
#magazine-archive-details div[content-outer] .issue-content p,
.magazineissue .issue-content p {
  line-height: 1.8;
}
@media only screen and (min-width: 1025px) {
  #magazine-archive-details div[content-outer] .issue-content strong,
  .magazineissue .issue-content strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.7px;
  }
}
@media only screen and (max-width: 1025px) {
  #magazine-archive-details div[content-outer] .issue-content strong,
  .magazineissue .issue-content strong {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (min-width: 1025px) {
  .profile-generals input,
  .profile-generals .select-wrapper {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.7px;
  }
}
@media only screen and (max-width: 1025px) {
  .profile-generals input,
  .profile-generals .select-wrapper {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
.profile-generals a {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.6px;
}
.profile-generals .code-wrapper > p {
  font-family: "Averta-Light", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.7px;
  line-height: 1.6;
}
.profile-generals label p {
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.6px;
}
.profile-generals .message {
  color: #3b3b3b;
  font-family: "Averta-Regular", sans-serif-fallback;
  font-weight: 400;
  font-style: normal;
  font-size: 16px 100;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.8px;
}
.page.myprofile .section-intro-text {
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .page.myprofile .section-intro-text {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.75px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.myprofile .section-intro-text {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
.page.myprofile fieldset > span[small-line-headline] {
  letter-spacing: 2px;
}
@media only screen and (min-width: 1025px) {
  .page.myprofile fieldset > span[small-line-headline] {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (max-width: 1025px) {
  .page.myprofile fieldset > span[small-line-headline] {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media only screen and (min-width: 1025px) {
  .page.myprofile p.input-headline {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.6px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.myprofile p.input-headline {
    font-family: "Averta-Bold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.5px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.signup .swiper-slide h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.signup .swiper-slide h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.signup .swiper-slide p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.signup .swiper-slide p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.signup .swiper-wrapper > li.swiper-slide:first-child h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 34px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.signup .swiper-wrapper > li.swiper-slide:first-child h2 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.signup .swiper-wrapper > li.swiper-slide:first-child p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.signup .swiper-wrapper > li.swiper-slide:first-child p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.blackbook text h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 60px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.blackbook text h1 {
    font-family: "DomaineDisplay-Semibold", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
.page.blackbook text h2 > p {
  line-height: 1.6;
}
@media only screen and (min-width: 1025px) {
  .page.blackbook text h2 > p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.blackbook text h2 > p {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (min-width: 1025px) {
  .page.blackbook text h2 > p {
    line-height: 1.2;
  }
}
.page.blackbook *[round-text-button] {
  font-size: 10px;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1025px) {
  .page.blackbook *[round-text-button] {
    font-size: 12px;
    letter-spacing: 2.5px;
  }
}
.page.blackbook h3 {
  line-height: 1.5;
}
@media only screen and (min-width: 1025px) {
  .page.blackbook h3 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}
@media only screen and (max-width: 1025px) {
  .page.blackbook h3 {
    font-family: "Averta-Light", sans-serif-fallback;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0px;
  }
}