section.hero{background-color:#479fdb;height:auto;min-height:100vh;padding-top:100px;position:relative}section.hero svg{height:130px;left:0;position:absolute;right:0;top:0;width:100%;z-index:0}.hero-inner h1.page-title{color:#fff;font-family:Flama,Arial,sans-serif;font-size:32px;font-weight:200;letter-spacing:5px;line-height:1.1;margin-bottom:1em;margin-top:1em;max-width:768px;text-transform:uppercase}.hero-inner .page-description{color:hsla(0,0%,100%,.9);font-size:18px;font-weight:300;margin-bottom:3.5em;max-width:768px}.hero-inner .page-description p{-webkit-font-smoothing:antialiased;color:hsla(0,0%,100%,.9);font-family:Flama,Arial,sans-serif;font-size:18px;font-weight:300;margin:0 0 12px}.hero #scrollDown{bottom:0;color:hsla(0,0%,100%,.9);cursor:pointer;display:inline-block;font-size:70px;left:0;line-height:1;margin:0 auto;position:absolute;right:0;text-align:center;width:70px}.hero .icon.icon-angle-down{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.hero .icon.icon-angle-down:before{content:"\e688"}.hero svg path{fill:hsla(0,0%,100%,.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}}