.insethero {position: relative;z-index:9999;left: initial;top:0;left:0;right:0;}
.insethero h1 {font-size:90px;opacity:1;line-height:100px;}
.insethero h1 span {font-size:90px;opacity:1;}
.insethero h2 {color:#fff;text-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);font-size:50px;opacity:1}
    .aboutext h2 {line-height:130%!important}
#region12 h2 {color:#fff!important;}
#region12 a {color:#fff!important;}

#jparticle1 {width:100%;z-index:8888;left:0;right:0;margin:0 auto;top:60px}
#jparticle1 canvas {width: 100%;}
body.sticky #headerwrap {z-index:99999}

.btn.btn-primary {background: #444!important;}
#footer .module {padding:0;}
#footer .modulecontent {padding:0;}

#region1.xtc-fluidwrapper {padding: 50px 0;}

@media screen and (max-width: 980px) {
    body.sticky #headerwrap {height:70px}
    #header {padding:5px 0;}
     #region1.xtc-fluidwrapper{padding: 50px 0;}
    .insethero h1 {font-size:65px;opacity:1;line-height:75px;}
.insethero h1 span {font-size:65px;opacity:1}
}

@media screen and (max-width: 767px) {
   .insethero h1 {font-size:55px;opacity:1}
.insethero h1 span {font-size:55px;opacity:1}
}

@media screen and (max-width: 639px) {
   .insethero h1 {font-size:45px;opacity:1;line-height:55px;}
.insethero h1 span {font-size:45px;opacity:1}

}


@media screen and (max-width: 480px) {
   .insethero h1 {font-size:30px;opacity:1;line-height:40px;}
.insethero h1 span {font-size:30px;opacity:1}
   .insethero h2 {color:#fff;text-shadow: 0 3px 8px rgba(0, 0, 0, 0.8);font-size:25px;opacity:1}
    .aboutext h2 {font-size:35px}
    #region1.xtc-fluidwrapper{padding: 0 0 120px 0;}
    
}