body {
margin: 0;
padding: 90px 0 0 0;
}

header {
height: 125px;
background: #333;
}

#heroarea {
width: 100%;
height: 300px;
margin: 3px 0 0 0;
padding: 0;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
}

#herocontent {
width: 100%;
height: 300px;
padding: 180px 0 0 0;
text-align: center;
font-family: "BerrangerHandITC TT";
font-weight: 100;
font-size: 60px;
color: #fff;
text-shadow: 2px 2px 4px #000000;
}

header .tagline {
width: 100%;
padding: 50px 15px 0 15px;
color: #fff;
}

.nav-box-on {
float: left;
padding: 49px 6px 11px 6px;
margin-top: -15px;
font-weight: 700;
background-color: #247bdf;
color: #fff;
font-size: 12px;
text-transform: uppercase; 
}

.nav-box-on-scrolled {
float: left;
padding: 19px 6px 8px 6px;
margin-top: -7px;
background-color: #247bdf;
}