@charset "utf-8";
/* CSS Document */

body {
	background:url(images/background.offline.jpg) no-repeat top center #dcd2c6;
}

#main {
	width:818px;
	margin:0 auto;
	overflow:hidden;
}

#logo {
	float:left;
	margin:150px 0 0 0;
	padding:10px 0 0 16px;
	width:296px;
	height:128px;
	background:url(images/offline-div.png) no-repeat top right;
    font-family: 'Oswald', sans-serif;
	color:#34302c;
}

#content {
	float:right;
	margin:184px 0 0 0;
	width:467px;
	font-family: 'Oswald', sans-serif;
	color:#34302c;
}

h1 {
	font-weight:700;
	font-size:40px;
	line-height:40px;
	margin:0px;
}

p {
	font-weight:300;
	font-size:20px;
	line-height:20px;
	margin:0px;
	padding:10px 0 0 0;
}

/* style taken from main.css */
a {
    color: #5b680f;
}

@media only screen and (max-width: 600px) and (min-width: 220px) {
	#main{
		width: 100%;
	}
	#logo, #content {
		float:none;
		margin:0;
		height: auto;
		width: 100%;
	}	

	#content {
		margin-top:10%;
        margin-left:17px;
	}
	

}