section.hero{position:relative;padding-top:100px;height:auto;min-height:100vh;background-color:#479fdb}section.hero svg{position:absolute;left:0;right:0;top:0;z-index:0;width:100%;height:130px}.hero-inner h1.page-title{max-width:768px;margin-top:1em;margin-bottom:1em;text-transform:uppercase;letter-spacing:5px;font-weight:200;color:#fff;font-family:Flama,Arial,sans-serif;line-height:1.1;font-size:32px}.hero-inner .page-description{max-width:768px;margin-bottom:3.5em;font-size:18px;font-weight:300;color:rgba(255,255,255,0.9)}.hero-inner .page-description p{-webkit-font-smoothing:antialiased;font-family:"Flama",Arial,sans-serif;font-weight:300;color:rgba(255,255,255,0.9);margin:0 0 12.5px;margin-bottom:12px;font-size:18px}.hero #scrollDown{position:absolute;left:0;right:0;bottom:0;text-align:center;display:inline-block;cursor:pointer;font-size:70px;line-height:1;width:70px;margin:0 auto;color:rgba(255,255,255,0.9)}.hero .icon.icon-angle-down{display:inline-block;font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero .icon.icon-angle-down::before{content:"\e688"}.hero svg path{fill:rgba(255,255,255,0.2)}@media only screen and (min-width:992px){section.hero{padding-top:220px}section.hero svg{height:370px}}@media(min-width:1200px){.container{width:1170px}}@media only screen and (min-width:768px){.hero-inner h1.page-title{font-size:54px}.hero-inner .page-description p{font-size:22px}}