*{margin:0;padding:0}
body{background-color:#0F95C8;color:#fff;font-family: 'Open Sans', sans-serif;text-shadow:1px 1px 0 rgba(0,0,0,.5)}
a{color:#fff}
a:hover{color:#fff;text-decoration:none}
#container{
	width:70%;
	margin:0 auto;
	margin-top:10%;
}
#head{
	text-align:center;
	padding:15px 0
}
#info,#contact{width:50%;float:left;padding:15px 0 60px 0}
#info{text-align:right}
#info p,#contact p{padding:0 10px}
#footer{clear:both;padding:15px 0;font-size:80%}
h1 {
  text-shadow: 0 1px 0 #ccc,
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);
			   font-size:55px;
			   line-height:55px
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
body{font-size:80%}
#container{
	width:90%;
	margin:0 auto;
	margin-top:7%;
}
#info,#contact{padding:15px 0}
}