body{background: url("http://astronomicsgame.com/presskit/keyart/astronomics_background_space.jpg") #010202 center bottom; background-size: cover;}
body{margin: 0px; padding: 0px; color: #fff; font-family: "Open Sans", sans-serif;}
p{padding-left: 40px;}
a, a:visited{text-decoration: none; color: #fff;}
a:hover{text-decoration: underline;}
div.halfBlock{width: 50%; float: left; }
div.thirdBlock{width: 25%; float: left; }
div.thirdBlock p{text-align: center; background: rgba(0, 204, 255, 0.575); border-radius: 5px; padding: 10px; margin: 0px 30px; font-size: 0.8em;}
div.twoThirdBlock{width: 75%; float: left; }
div.twoThirdBlock p{padding-left: 0px;}
div.container{margin: 50px auto; width: 960px; margin-top: 250px; position: relative;}
div.container img{max-width: 100%;}
img{margin-top:20px;}
hr{border: #fff solid 1px;}
.c{clear:both} 
h1{margin-top: 70px; font-size: 50px; font-family: "Big Shoulders Display";}

.timelineContainer .timelineItem{width: calc(100% - 140px); padding: 10px 20px 10px 80px; margin: 10px 40px; border-radius: 5px; font-size: 1.5em; font-family: 'Big Shoulders Display'; font-weight: bold; text-transform: uppercase;}
.timelineContainer .timelineItem{background: url(images/100_HourGlass.png) 10px 8px no-repeat #007693;;background-size: 50px;}
.timelineContainer .completed{background: url(images/42_CheckMark.png) 10px 8px no-repeat #00769388;;background-size: 50px; }
.timelineContainer .youAreHere{background: url(images/11_Flag.png) 10px 8px no-repeat #c96600;background-size: 50px;}
.timelineContainer .finish{background: url(images/39_Exclamasion.png) 10px 8px no-repeat #035881;background-size: 50px;}
.timelineContainer .timelineItem span{clear: both; font-family:"Open Sans"; font-size: 0.5em;}
.timelineContainer .timelineItem ul{margin-top: 5px; padding-left: 20px; margin-bottom: 5px;}
.timelineContainer .timelineItem li{font-family: "Open Sans"; font-size: 0.6em; font-weight:normal; text-transform: none; }

.navigation{margin: 20px 0px 20px 0px; padding: 20px 0px 20px 0px; border-width: 1px 0px 1px 0px; border-color: #fff;border-style: solid; text-align: center;}
.navigation a{padding: 0px 30px 0px 30px;}
img.logo{width: 600px; position: absolute; top: -315px; left: -60px;}
h1.logo{ position: absolute; top: -150px; right: 0px; font-size: 50px; font-family: "Big Shoulders Display";}
h2{font-family: "Big Shoulders Display"; margin-left: 40px; font-size: 1.6em;}

.backToTop{position: fixed; right: 20px; bottom: 20px;}
.backToTop a{display: block; padding: 20px; border-radius: 5px; background: #fff; color: #000;}

.navigate{position: fixed; left: 20px; bottom: 20px;display: block; padding: 20px; border-radius: 5px; background: #fff; color: #000;}
.navigate .menu{display: none;}
.navigate .menu a{color: #000;}
.navigate:hover .menu{display:block;}