@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,600|Roboto+Condensed:300|Telex);

/* Body */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	background-size: cover;
	font-family: Telex, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, 'Lucida Grande', sans-serif;
	font-weight: 400;
	font-size: 100%;
	color: #333;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

.wrapper {
	margin: 0 auto;
	max-width: 940px;
}

/*
 * Header
 */

#header {
	height: 87px;
	background: #328fb2;
}

#header img {
	margin-top: 15px;
}

/*
 * Post-header
 */

#post_header {
	padding-top: 1px;
	background: url('images/top_bg.jpg') no-repeat center center;
	background-size: cover;
	border-bottom: 7px solid #288db4;
}

#post_header h1 {
	margin: 95px 100px 105px 430px;
	color: #fff;
}

#post_header h1 strong {
	font-weight: 600;
}

/*
 * Pre-Content
 */

#pre_content img {
	position: absolute;
	top: 117px;
	margin-left: 10px;
}

#pre_content p {
	margin-top: 40px;
	margin-left: 400px;
}

/*
 * Content
 */

#content {
	padding-bottom: 90px;
}

#content_logo {
	text-align: center;
}

#main_site_link {
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-weight: 300;
	font-size: 36px;
	color: #333;
}

/* Text */

h1, h2, h3 {
	margin: 10px 0;
	font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #1181ac;
}

h1 {
	font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
	font-size: 48px;
}

h2 {
	margin-top: 75px;
	font-size: 36px;
}

h3 {
	font-size: 24px;
}

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

strong {
	font-weight: bold;
}

ul, ol {
	margin: 20px;
	padding-left: 30px;
	line-height: 1.7;
	list-style-position: outside;
}

a {
	color: #0684b0;
	text-decoration: none;
}

a:hover {
	color: #0b6086;
	text-decoration: none;
}

a img {
	border: 0;
}

img {
	max-width: 100%;
}

.right {
	text-align: right;
}

/*
 * Footer
 */

#footer {
	height: 200px;
	background: #333;
}

/*
 * Media queries
 */

 @media screen and (max-width: 960px) {
 	.spread-grid {
 		width: auto;
 	}

 	#content {
 		padding: 0 10px;
 	}

 	.is-startpage .content.wrapper {
 		padding: 10px;
 	}
 }

 @media screen and (max-width: 820px) {
 	#menu li a {
 		font-size: 14px;
 	}

 	.spread-grid {
 		height: auto;
 	}
 }

 @media screen and (max-width: 700px) {

	 body {
		 text-align: center;
	 }

	#header {
		text-align: center;
	}

	#post_header {
		height: 230px;
	}

	#post_header h1 {
		margin: 0;
		height: 160px;
		font-size: 30px;
		text-align: center;
		margin-top: 20px;
		color: #222;
	}

	#pre_content p {
		margin-left: auto;
		margin-top: 130px;
	}

	#pre_content p:last-of-type {
		margin-top: 0;
	}

	#pre_content p br {
		display: none;
	}

	#pre_content img {
		top: 180px;
		width: 200px;
		left: 50%;
		margin-left: -108px;
	}

	.right {
		text-align: center;
	}
}