html{}
body{margin:0;padding:0;background-color:rgb(250,250,250)}
header{position:absolute;z-index:5;width:100%;height:100px;top:0;left:0;background-color:rgb(43,46,51);border-bottom:solid 1px rgba(0,102,153,0.2);}
#no-header-color{background-color:rgba(43,46,51,0);}
.wrapper, .wrapper{display:block;margin:0 auto;width:100%;height:auto;}
#black{background-color:rgb(43,46,51);}
#white{background-color:rgb(250,250,250);}
#blue{background-color:rgb(0,102,153);}
.contentbox-outer{position:relative;display:block;width:auto;height:auto;}
.contentbox-inner{width:auto;margin:0 auto;}
.positionbox-outer{width:100%;text-align:center;}
.positionbox-center{display:inline-block;}
.content{margin:0 auto;}
@media only screen and (min-width:0em) and (max-width:40em){header{height:70px;}
#no-header-color{background-color:rgba(43,46,51,0);}
.positionbox-outer{padding:4em 0;}
.content{width:90%;}
#first-content{padding-top:4em;}
#last-content{padding-bottom:6em;}
}
@media only screen and (min-width:40em) and (max-width:60em){header{height:70px;}
.positionbox-outer{padding:6em 0;}
.content{width:35em;}
#first-content{padding-top:8em;}
#last-content{padding-bottom:10em;}
}
@media only screen and (min-width:60em) and (max-width:70em){.positionbox-outer{padding:8em 0;}
.content{width:40em;}
}
@media only screen and (min-width:70em) and (max-width:80em){.positionbox-outer{padding:8em 0;}
.content{width:45em;}
}
@media only screen and (min-width:80em){.positionbox-outer{padding:6em 0;}
.content{width:55em;}
#first-content{padding-top:10em;}
#last-content{padding-bottom:15em;}
}