:root{--primary-font-family: proxima-nova, sans-serif;--secondary-font-family: 'Bebas Neue', sans-serif;--body-background-colour: #7d8770;--nav-bar-background-colour: #626a55;--primary-text-color: #fff;--secondary-text-color: #fad7da;--main-nav-bar-height-mobile: 7rem;--main-nav-bar-line-offset-mobile: 41.66%;--main-nav-bar-height-desktop: 6rem;--main-nav-bar-line-offset-desktop: 16.66%;--main-nav-bar-transition: opacity 0.75s ease-in-out;}html{font-size: 10px;}body{font-family: var(--primary-font-family);font-weight: 400;font-style: normal;-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;font-size: 16px;color: var(--primary-text-color);background-color: var(--body-background-colour);}p{font-size: 1.6rem;}a,a:active{color: var(--primary-text-color);text-decoration: none;}a:hover,a:focus{text-decoration: underline;}[class^="col"]{padding-left: 3rem;padding-right: 3rem;}section{padding: 1.5rem 0;}#page-header{background-image: url('../images/background_mobile.svg');background-repeat: repeat;background-size: cover;height: 100vh;}#page-header p{font-size: 1.6rem;line-height: 1.35;padding: 0;margin: 6rem 0;color: var(--secondary-text-color);}a.arrow-button{background-image: url('../images/arrow_down.svg');background-size: 100% auto;background-repeat: no-repeat;bottom: 5%;left: 50%;height: 25px;width: 50px;position: absolute;transform: translate(-50%, -5%);z-index: 2;}#main-nav-bar{padding: 1rem 0;background-color: var(--nav-bar-background-colour);height: var(--main-nav-bar-height-mobile);left: 0;top: 0;position: fixed;width: 100%;opacity: 0;overflow: hidden;z-index: 9999;transition: var(--main-nav-bar-transition);-moz-transition: var(--main-nav-bar-transition);-webkit-transition: var(--main-nav-bar-transition);}#main-nav-bar.scroll-down{opacity: 1;transition: var(--main-nav-bar-transition);-moz-transition: var(--main-nav-bar-transition);-webkit-transition: var(--main-nav-bar-transition);}#main-nav-bar.scroll-down .row:after{content: '';background-color: var(--secondary-text-color);width: calc(( 100% - var(--main-nav-bar-line-offset-mobile)) - 3rem);display: block;height: 1px;position: absolute;top: 50%;left: var(--main-nav-bar-line-offset-mobile);}#main-nav-bar img{width: 90%;display: none;}#main-nav-bar.scroll-down img{display: inline;transition: var(--main-nav-bar-transition);-moz-transition: var(--main-nav-bar-transition);-webkit-transition: var(--main-nav-bar-transition);}#carousel{padding: var(--main-nav-bar-height-mobile) 0;}.carousel{display: inline-block;margin: 0 auto;position: relative;width: 100%;}.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.carousel img{margin: 0;max-height: 240px;width: auto;}.carousel .slick-slide{margin: 0 1.5rem;max-width: 100%;padding-bottom: 6rem;position: relative;}.carousel .slick-slide p{display: none;}.carousel .slick-slide.slick-current p{font-size: 1.3rem;display: block;top: 100%;left: 50%;transform: translate(-50%, -100%);margin: 0;position: absolute;text-align: center;}button.slick-arrow{display: block;border: none;top: 100%;height: 6rem;padding: 0;position: absolute;width: auto;color: transparent;z-index: 999;transform: translateY(-40px);}button.slick-prev:before,button.slick-next:before{opacity: 1;}button.slick-arrow.slick-prev:before{content: url('../images/arrow_prev.svg');}button.slick-arrow.slick-next:before{content: url('../images/arrow_next.svg');}button.slick-arrow.slick-prev{left: 20px;}button.slick-arrow.slick-next{right: 20px;}.bg_section{background-repeat: no-repeat;background-size: 35%;background-position: -30% 95%, 130% 5%;background-image: url('../images/background_hexagon.svg'), url('../images/background_hexagon.svg') ;}#content h3.download{font-family: var(--secondary-font-family);color: var(--secondary-text-color);text-transform: uppercase;font-size: 4.4rem;line-height: 1;}#content h3.download > a{color: inherit;text-decoration-line: underline;text-decoration-thickness: 1px;text-underline-offset: 0.5rem;transition: opacity .2s ease-out;-moz-transition: opacity .2s ease-out;-webkit-transition: opacity .2s ease-out;-o-transition: opacity .2s ease-out;}#content h3.download > a:hover,#content h3.download > a:focus{opacity: 0.75;}#content img.contact-logo{height: 90px;width: auto;}#content .contact-col{padding-top: 2.25rem;margin: 0 1rem 1rem;}#content .contact-col:first-child{border-top: 1px solid var(--secondary-text-color);}#content .contact-col h3{font-weight: 500;font-size: 1.6rem;margin-bottom: 0.25rem;line-height: 1.35;}#content .contact-col p{font-weight: 300;margin: 0;line-height: 1.35;}footer{margin-top: 6rem;}footer p{font-size: 1rem;font-weight: 300;line-height: 1.35rem;}footer p + p{font-weight: 400;margin: 5rem 0;}@media screen and (min-width: 767px) {#page-header img.lead-image { width: 80%;}        p,    #content .contact-col h3{font-size: 2rem;}        #main-nav-bar{height: var(--main-nav-bar-height-desktop);}    #main-nav-bar img{width: 75%;}        #carousel{padding: calc( var(--main-nav-bar-height-desktop) * 1.5 ) 0 var(--main-nav-bar-height-desktop);}    .carousel img{max-height: 450px;}    .carousel .slick-slide.slick-current p{font-size: 1.8rem;}    button.slick-arrow.slick-prev{left: calc(50% - 180px) }    button.slick-arrow.slick-next{right: calc(50% - 180px) }        #content h3.download{font-size: 7.5rem;}    #content img.contact-logo{height: 110px;}    #content .contact-col{border-top: 1px solid var(--secondary-text-color);margin: 2rem 1rem 0;}        footer p{font-size: 1.2rem;}}@media screen and (min-width: 992px) {#page-header { background-image: url('../images/background.svg');}    #page-header p{font-size: 2.4rem;}    #main-nav-bar.scroll-down .row:after{width: calc(( 100% - var(--main-nav-bar-line-offset-desktop)) - 3rem);left: var(--main-nav-bar-line-offset-desktop);}        .carousel .slick-slide{margin: 0 3rem;padding-bottom: 8rem;}        #content h3.download > a{text-decoration-thickness: 2px;text-underline-offset: 0.75rem;}}@media screen and (min-width: 1024px) {.carousel img { max-height: 640px;}}@media screen and (min-width: 1400px) {.carousel img { max-height: 720px;}    button.slick-arrow.slick-prev{left: calc(50% - 360px) }    button.slick-arrow.slick-next{right: calc(50% - 360px) }}