/* Macro arrangement of a web page, including any grid systems. */
html,
p,
.block-views-blockbreadcrumb-block-1 .views-field,
#views-block__menus-block-10 h2,
#views-block__menus-block-11 h2,
#views-block__menus-block-12 h2,
#views-block__menus-block-13 h2,
#views-block__menus-block-14 h2 {
  font-size: 16px;
  line-height: calc($min-font-size * 1.2); }
  @media screen and (min-width: 479px) {
    html,
    p,
    .block-views-blockbreadcrumb-block-1 .views-field,
    #views-block__menus-block-10 h2,
    #views-block__menus-block-11 h2,
    #views-block__menus-block-12 h2,
    #views-block__menus-block-13 h2,
    #views-block__menus-block-14 h2 {
      font-size: calc(16px + 2 * ((100vw - 479px) / 1121));
      line-height: calc(16px + 2 * ((100vw - 479px) / 1121) * (1.2)); } }
  @media screen and (min-width: 1600px) {
    html,
    p,
    .block-views-blockbreadcrumb-block-1 .views-field,
    #views-block__menus-block-10 h2,
    #views-block__menus-block-11 h2,
    #views-block__menus-block-12 h2,
    #views-block__menus-block-13 h2,
    #views-block__menus-block-14 h2 {
      font-size: 18px;
      line-height: calc(18px * 1.2); } }

h1.large,
#heydoo-page-title h1 {
  font-family: 'visby_cfdemi_bold'; }
  h1.large,
  #heydoo-page-title h1 {
    font-size: 48px;
    line-height: calc($min-font-size * 1.2); }
    @media screen and (min-width: 479px) {
      h1.large,
      #heydoo-page-title h1 {
        font-size: calc(48px + 32 * ((100vw - 479px) / 1121));
        line-height: calc(48px + 32 * ((100vw - 479px) / 1121) * (1.2)); } }
    @media screen and (min-width: 1600px) {
      h1.large,
      #heydoo-page-title h1 {
        font-size: 80px;
        line-height: calc(80px * 1.2); } }

h1, h1.uk-article-title {
  font-family: 'visby_cfdemi_bold'; }
  h1, h1.uk-article-title {
    font-size: 40px;
    line-height: calc($min-font-size * 1.2); }
    @media screen and (min-width: 479px) {
      h1, h1.uk-article-title {
        font-size: calc(40px + 16 * ((100vw - 479px) / 1121));
        line-height: calc(40px + 16 * ((100vw - 479px) / 1121) * (1.2)); } }
    @media screen and (min-width: 1600px) {
      h1, h1.uk-article-title {
        font-size: 56px;
        line-height: calc(56px * 1.2); } }

h2 {
  font-family: 'visby_cfdemi_bold'; }
  h2 {
    font-size: 32px;
    line-height: calc($min-font-size * 1.2); }
    @media screen and (min-width: 479px) {
      h2 {
        font-size: calc(32px + 16 * ((100vw - 479px) / 1121));
        line-height: calc(32px + 16 * ((100vw - 479px) / 1121) * (1.2)); } }
    @media screen and (min-width: 1600px) {
      h2 {
        font-size: 48px;
        line-height: calc(48px * 1.2); } }

h3, .block-layout-builder h2, .block-entity-viewnode h2, #filtermobile:after, #region--sidebar_first .block-facet--checkbox h2:after {
  font-family: 'visby_cfdemi_bold'; }
  h3, .block-layout-builder h2, .block-entity-viewnode h2, #filtermobile:after, #region--sidebar_first .block-facet--checkbox h2:after {
    font-size: 24px;
    line-height: calc($min-font-size * 1.2); }
    @media screen and (min-width: 479px) {
      h3, .block-layout-builder h2, .block-entity-viewnode h2, #filtermobile:after, #region--sidebar_first .block-facet--checkbox h2:after {
        font-size: calc(24px + 8 * ((100vw - 479px) / 1121));
        line-height: calc(24px + 8 * ((100vw - 479px) / 1121) * (1.2)); } }
    @media screen and (min-width: 1600px) {
      h3, .block-layout-builder h2, .block-entity-viewnode h2, #filtermobile:after, #region--sidebar_first .block-facet--checkbox h2:after {
        font-size: 32px;
        line-height: calc(32px * 1.2); } }

h4, footer h2, .block-facet--checkbox h2 {
  font-family: 'visby_cfdemi_bold';
  margin-bottom: 0.5rem; }
  h4, footer h2, .block-facet--checkbox h2 {
    font-size: 18px;
    line-height: calc($min-font-size * 1.2); }
    @media screen and (min-width: 479px) {
      h4, footer h2, .block-facet--checkbox h2 {
        font-size: calc(18px + 6 * ((100vw - 479px) / 1121));
        line-height: calc(18px + 6 * ((100vw - 479px) / 1121) * (1.2)); } }
    @media screen and (min-width: 1600px) {
      h4, footer h2, .block-facet--checkbox h2 {
        font-size: 24px;
        line-height: calc(24px * 1.2); } }

p {
  line-height: 1.3rem; }

.block-views-blockproduct-block-1 h2,
.block-views-blockproduct-block-1 h3,
.block-views-blockdetail-events-block-1 h2,
.block-views-blockproduct-block-3 h2,
.block-views-blockproduct-block-4 h2,
.block-views-blockproduct-block-5 h2,
.block-views-blockvideo-block-2 h2 {
  font-size: 16px;
  line-height: calc($min-font-size * 1.2); }
  @media screen and (min-width: 479px) {
    .block-views-blockproduct-block-1 h2,
    .block-views-blockproduct-block-1 h3,
    .block-views-blockdetail-events-block-1 h2,
    .block-views-blockproduct-block-3 h2,
    .block-views-blockproduct-block-4 h2,
    .block-views-blockproduct-block-5 h2,
    .block-views-blockvideo-block-2 h2 {
      font-size: calc(16px + 2 * ((100vw - 479px) / 1121));
      line-height: calc(16px + 2 * ((100vw - 479px) / 1121) * (1.2)); } }
  @media screen and (min-width: 1600px) {
    .block-views-blockproduct-block-1 h2,
    .block-views-blockproduct-block-1 h3,
    .block-views-blockdetail-events-block-1 h2,
    .block-views-blockproduct-block-3 h2,
    .block-views-blockproduct-block-4 h2,
    .block-views-blockproduct-block-5 h2,
    .block-views-blockvideo-block-2 h2 {
      font-size: 18px;
      line-height: calc(18px * 1.2); } }

p.large, footer h3, .uk-grid .views-field-title-1 h4 {
  font-size: 18px;
  line-height: calc($min-font-size * 1.2); }
  @media screen and (min-width: 479px) {
    p.large, footer h3, .uk-grid .views-field-title-1 h4 {
      font-size: calc(18px + 4 * ((100vw - 479px) / 1121));
      line-height: calc(18px + 4 * ((100vw - 479px) / 1121) * (1.2)); } }
  @media screen and (min-width: 1600px) {
    p.large, footer h3, .uk-grid .views-field-title-1 h4 {
      font-size: 22px;
      line-height: calc(22px * 1.2); } }

p.small, #heydoo-footer ul li a {
  font-size: 14px;
  line-height: calc($min-font-size * 1.2); }
  @media screen and (min-width: 479px) {
    p.small, #heydoo-footer ul li a {
      font-size: calc(14px + 2 * ((100vw - 479px) / 1121));
      line-height: calc(14px + 2 * ((100vw - 479px) / 1121) * (1.2)); } }
  @media screen and (min-width: 1600px) {
    p.small, #heydoo-footer ul li a {
      font-size: 16px;
      line-height: calc(16px * 1.2); } }

@media screen and (max-width: 767px) {
  #highlights, #page--header {
    padding-left: 1rem;
    padding-right: 1rem; } }
@media screen and (min-width: 768px) and (max-width: 959px) {
  #highlights {
    padding-left: 1rem;
    padding-right: 1rem; }

  #page--header {
    padding-left: 2rem;
    padding-right: 2rem; } }
@media screen and (min-width: 960px) {
  #highlights {
    padding-left: 2rem;
    padding-right: 2rem; }

  #page--header {
    padding-left: 4rem;
    padding-right: 4rem; }

  .uk-container {
    max-width: 1600px; } }