@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);

@font-face {
    font-family: 'proxima';
    src: url('../fonts/proxima.eot');
    src: url('../fonts/proxima.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima.woff') format('woff'),
         url('../fonts/proxima.ttf') format('truetype'),
         url('../fonts/proxima.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background: url('../img/grain.jpg') repeat;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
}
p { 
	font-family: 'proxima', serif;
	line-height: 1.5;
}
a {
	color: #0083ca;
}

.logo {
	display: block;
	margin: 150px auto 50px auto;
}

.cloud {
	display: block;
	width: 150px;
	height: 196px;
	background: url('../img/sprite.png') 0 -55px no-repeat;
}
.cloud:hover, .cloud:focus {
	background: url('../img/sprite.png') -304px -56px no-repeat;
}
.cloud:active {
	background: url('../img/sprite.png') -153px -56px no-repeat;
}

.hiatus h1, .hiatus p {
	text-align: center;
}
@media (max-width: 767px) {
	img {
		width: 100%;
	}
}