/* @file Hero specific styles =============================== */
@import url("https://hello.myfonts.net/count/2f8ef0");
@import url("https://hello.myfonts.net/count/2f8ef0");
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_1_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_1_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_2_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_2_0.ttf%3F1644064179') format('truetype'); font-weight: italic; font-style: normal; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_3_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_3_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-regular.eot%3F&1647072533'); src: url('../fonts/calibre-web-regular.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-regular.woff2%3F1647072533') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-bold.eot%3F&1647072533'); src: url('../fonts/calibre-web-bold.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-bold.woff2%3F1647072533') format('woff2'); font-weight: bold; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_1_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_1_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_1_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_1_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: bold; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_2_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_2_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_2_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_2_0.ttf%3F1644064179') format('truetype'); font-weight: italic; font-style: normal; }
@font-face { font-family: "Scala Sans"; src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179'); src: url('../fonts/2F8EF0_3_0.eot%3F&1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.eot%3F1644064179') format('embedded-opentype'), url('../fonts/2F8EF0_3_0.woff2%3F1644064179') format('woff2'), url('../fonts/2F8EF0_3_0.woff%3F1644064179') format('woff'), url('../fonts/2F8EF0_3_0.ttf%3F1644064179') format('truetype'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-regular.eot%3F&1647072533'); src: url('../fonts/calibre-web-regular.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-regular.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-regular.woff2%3F1647072533') format('woff2'); font-weight: normal; font-style: normal; }
@font-face { font-family: "Calibre"; src: url('../fonts/calibre-web-bold.eot%3F&1647072533'); src: url('../fonts/calibre-web-bold.eot%3F&1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.eot%3F1647072533') format('embedded-opentype'), url('../fonts/calibre-web-bold.woff%3F1647072533') format('woff'), url('../fonts/calibre-web-bold.woff2%3F1647072533') format('woff2'); font-weight: bold; font-style: bold; }
/** Convert font-size from px to rem with px fallback  @param $size - the value in pixel you want to convert  e.g. p {@include fontSize(12px);}  */
.front .view-hero-image .views-row { position: relative; }
.front .view-hero-image .view-content { width: 100%; padding: 0 20px; margin: 0 auto; }
@media only screen and (max-width: 1599px) { .front .view-hero-image .view-content { max-width: 86.25rem; } }
@media only screen and (min-width: 1600px) { .front .view-hero-image .view-content { max-width: 1540px; } }
.front .hero__image { position: relative; max-width: 100vw; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; }
.front .hero__image img { width: 100%; }
@media only screen and (max-width: 520px) { .front .hero__image img { height: 290px; } }
@media only screen and (max-width: 767px) { .front .hero__image img { height: 500px; object-fit: cover; object-position: left top; } }
.front .hero__intro-text { position: absolute; }
.front .views-field-field-intro-text { color: #fff; right: 0; font-size: 2.0625rem; max-height: 100%; line-height: 1.03; }
@media only screen and (max-width: 767px) { .front .views-field-field-intro-text { background-color: #67308c; margin: -7px -20px 0; padding: 30px 20px 35px; } }
@media only screen and (min-width: 768px) { .front .views-field-field-intro-text { position: absolute; bottom: 15%; text-align: center; font-size: 1.5rem; } }
@media only screen and (min-width: 1200px) { .front .views-field-field-intro-text { font-size: 2.6875rem; bottom: 20%; } }
.front .views-field-field-intro-text .large-text { display: block; font-size: 3rem; line-height: 1.03; font-weight: bold; margin-top: 0.3125rem; }
@media only screen and (min-width: 768px) { .front .views-field-field-intro-text .large-text { max-width: 21.25rem; text-align: right; margin-left: auto; margin-top: 0; } }
@media only screen and (min-width: 1024px) { .front .views-field-field-intro-text .large-text { font-size: 4.5rem; max-width: 31.875rem; } }
@media only screen and (min-width: 1200px) { .front .views-field-field-intro-text .large-text { font-size: 6.125rem; max-width: 42.5rem; } }
@media only screen and (min-width: 1600px) { .front .views-field-field-intro-text .large-text { font-size: 6.75rem; max-width: 46.875rem; } }
.front .region-hero .block-inner { margin: 0; }
.front .region-hero img { display: inline; }