:root{--main-color:#3DDB05;--dark-color:#083E14;--light-green:#B5E701;--main-grey:#636D81;--grey:#F7F7F7;--grey-darken:#7C7C7C;--yellow:#FAC31F;--linear-gradient-right-button:rgba(60, 219, 5, 1);--linear-gradient-left-button:rgba(184, 231, 0, 1);--linear-gradient-right:rgba(8, 62, 20, 0.73);--linear-gradient-left:rgba(8, 62, 20, 0)}.hero-banner{position:relative;max-width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.hero-banner .field--name-field-image{margin:0;padding:0;position:relative}.hero-banner .field--name-field-image img{max-width:unset;margin:0;padding:0}.hero-banner .field--name-field-image:before{position:absolute;content:"";display:block;z-index:8;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(var(--linear-gradient-right)),to(var(--linear-gradient-left)));background:-webkit-linear-gradient(left,var(--linear-gradient-right),var(--linear-gradient-left));background:-o-linear-gradient(left,var(--linear-gradient-right),var(--linear-gradient-left));background:linear-gradient(to right,var(--linear-gradient-right),var(--linear-gradient-left))}.hero-banner .hero-banner-content-section{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;z-index:10}.hero-banner .hero-banner-content-section .hero-banner-text-wrapper{margin-bottom:45px}@media only screen and (min-width:1200px){.hero-banner .hero-banner-content-section{top:35%}}@media only screen and (max-width:1199px){.hero-banner .field--name-field-image img{width:100%;height:auto}.hero-banner .hero-banner-content-section{top:25%}.hero-banner .hero-banner-content-section .hero-banner-text-wrapper{margin-bottom:25px}}@media only screen and (max-width:767px){.hero-banner .field--name-field-image img{height:500px}.hero-banner .hero-banner-title{font-size:24px}.hero-banner .hero-banner-content-section .hero-banner-text-wrapper{font-size:15px}}