/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

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

body{
	margin: 0;
	min-width: 1140px;
	padding: 0;
}

@media screen and (max-width: 480px) {
	body{
		min-width: 1px;
	}
}

p{
	margin: 0 0 20px 0;
}

p, ul{
}

img{
	border: 0;
}

h1, #pixels{
}

h2{
}

#header h1, #pixels{
	color: #48941A;
}

.float-left{
	box-sizing:border-box;
	float: left;
	margin: 0 0 0 80px;
}

@media screen and (max-width: 480px) {
	.float-left{
		float:none;
		margin: 0 0 0 0;
	}
}

.float-right{
	float: right;
	margin: 0 20px 0 0;
}

.center{
	font-size: 2.5em;
	padding: 80px 0 0 0;
	text-align: center;
}

#nav{
	list-style: none;
	position: fixed;
	right: 20px;
}

#nav li{
	margin: 0 0 15px 0;	
}

#header, #intro, #second{
	width: 100%;
}

#intro{
	background:url(img/gf01a201312160600.jpg) 50% 0 no-repeat fixed;
	color: white;
	height: 1100px;
	margin: 0 auto;
	padding: 0;
}

#second{
	background: url(img/KAZ76_nemof07_TP_V.jpg) 50% 0 repeat fixed;
	color: white;
	height: 750px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}



#third{
	background: url(img/bnr01.jpg) 50% 0 repeat fixed;
	color: white;
	height: 275px;
	padding: 100px 0 0 0;	
}

@media screen and (max-width: 480px) {
	#third{
		height: 180px;
		padding: 50px 0 0 0;
	}
}

#sec4th{
	background: url(img/pixta_21392256_L_d.jpg) 50% 0 repeat fixed;
	color: white;
	height: 630px;
	padding: 100px 0 0 0;	
}

@media screen and (max-width: 480px) {
	#sec4th{
		height: 500px;
		padding: 50px 10px 0 10px;
		background-size:1200px;
	}
}

#sec4th .story{
	text-align:center;
}

#sec5th{
	background: url(img/pixta_20195978_L.jpg) 50% 0 repeat fixed;
	color: white;
	height: 275px;
	padding: 100px 0 0 0;	
}

@media screen and (max-width: 480px) {
	#sec5th{
		height: 180px;
		padding: 50px 0 0 0;
	}
}

#fifth{
	background: #ccc;
	height: 400px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

.story{
	box-sizing:border-box;
	margin: 0 auto;
	min-width: 960px;
	width: 960px;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.7);
}

@media screen and (max-width: 480px) {
	.story{
		min-width: 1px;
		width: 100%;
	}
}


.story .float-left, .story .float-right{
	box-sizing:border-box;
	padding: 100px 0 0 0;
	position: relative;
	width: 800px;	
}

@media screen and (max-width: 480px) {
	.story .float-left, .story .float-right{
		box-sizing:border-box;
		padding: 70px 10px 0 10px;
		width: 100%;
	}
}