@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900,100,100italic,300italic,400italic,700italic,900italic);

body {
	background: #598A94 url(../images/cole_back.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	font-size: 14px;
	line-height: 1.6em;
	color: white;
	font-family: Lato, Helvetica, sans-serif;
}

h1 {
	font-size: 60px;
	font-weight: 300;
	line-height: 1.1em;
	margin-top: 100px;
	text-rendering: optimizeLegibility;
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
	cursor: move;
}

p {
	text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.4);
}

h2,h3,h4,h5,h6 {
	text-rendering: optimizeLegibility;
}

a {
	color: #2980B9;
	text-decoration: none;
	border-bottom: 1px solid;
}

a:visited {
	color: #8E44AD;
}

a:hover, a:visited:hover {
	color: #C0392B;
}

.container {
	margin: 50px auto;
	max-width: 960px;
	text-align: center;
}

.heavy {
	font-weight: 700;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
	
	h1 {
		margin-top: 0;
	}

}