body {
	font-size:62.5%;
	line-height:1.5;
	background:url(../img/bkgd.jpg) center top;color:#ffffff;
}

footer {
	padding:10px 0;
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	background:#001F53;
	font:1.7em 'Exo', sans-serif;
	color:#ffffff;
}

footer a, footer a:hover {color:inherit;text-decoration:none;}

span[class*=st_] {
	margin-right:-6px;
}

[class*=span] {
	
}

h1 {
	font:400 5.1em 'Exo', sans-serif;
}

p {
	font-size:1.8em;
	font-weight:400;
	text-align: justify;
}

#main {
	margin-top:120px;
	margin-bottom:100px;
}

.left-content, .right-content {padding-bottom:4px;min-width:260px;}
.left-content {margin-top:60px;}
.right-content {text-align:center;position:relative;}

#five {
	position:absolute;
	left:0;
	top:0;
	margin:190px 0 0 40px;
}

#refresh {
	position:absolute;
	left:0;
	top:0;
	margin:330px 0 0 150px;
	display:none;
}

#hand {
	margin-top:240px;
}

.ease {clear:both;margin-top:100px;position:fixed;top:0;left:20px;}
.ease a {color:#ffffff;}


/* Landscape phone to portrait tablet */
@media (max-width: 979px) {
	body {font-size:52.5%;}	
	h1 {font-size:4.6em;}
	#five {width:100px;margin:130px 0 0 10px;}
	#refresh {width:20px;margin:240px 0 0 110px;}	
}
 
/* Portrait tablet to landscape and desktop */
@media (max-width: 768px) and (max-width: 979px) {
	body {font-size:52.5%;}	
	#five {width:80px;margin:80px 0 0 -10px;}
	#refresh {margin:200px 0 0 90px;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	body {font-size:52.5%;}	
	#five {width:80px;margin:110px 0 0 10px;}
	#main {margin-top:0;}
	.left-content, .right-content {max-width:340px;margin:0 auto;}
}
 
/* Landscape phones and down */
@media (max-width: 480px) {
	body {font-size:52.5%;}	
	h1 {font-size:4.0em;}
	.left-content, .right-content {max-width:260px;margin:0 auto;}
	#five {width:60px;margin:90px 0 0 10px;}
	#refresh {width:16px;margin:150px 0 0 70px;}	
}

































/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Styles */
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  /* Styles */
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
}
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Styles */
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
  /* Styles */
}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
  /* Styles */
}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  /* Styles */
}