html, body {height: 100%; margin: 0; padding: 0;}
body {background-color: #485d40; color: #97d356; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; text-align: center; overflow-x: hidden;}
h1 {font-size: 3em; margin: 1em 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase;}
a, a.visited {text-decoration: none; color: #ffffff;}
img {max-width: 100%; height: auto;}
#background {background-image: url(../img/Scan0002.png); background-repeat: no-repeat; background-position: center center; height: 100%; height: auto !important; left: 0; margin: 0 auto; min-height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: -1;}
#container {margin: 0 auto; max-width: 960px; height: auto !important; min-height: 100%; position: relative;}
.timeobject {color: #ffffff; background-color: transparent; margin: 0px auto; padding: 0px; font-size: 1.3em; position: relative; display: none; overflow: hidden;}
.timeobject div {bottom: 0px; max-height: 170px; max-width: 170px; line-height: 170px; height: 100%; width: 100%; left: 0px; position: absolute; right: 0px; top: 0px; background-image: url(../img/circle.png); background-repeat: no-repeat; background-position: center center; background-size: contain;}
#year {top: 9%; left: 3%;}
#months {top: 22%; left: 1%;}
#week {top: 34%; left: 16%;}
#day {top: 10%; left: 62%;}
#hours {top: 17%; left: 33%;}
#minutes {top: 27%; left: 35%;}
#seconds {top: 19%; left: 19%}
.offset400, .offset700 {display: none;}