* {
	padding: 0px;
	margin: 0px;
}

body {
    background-color: black;
    font-family: arial;

    background-size: 100%;
	background-position: center;
	background-repeat: no-repeat
}



a {
	text-decoration: none;
}


a:link { color: #999;
	font-weight: normal;

}



a:visited { color: #999;

}

a:hover { color: #ccc;

}



.header-cont {
    width:100%;
    position:fixed;
    top:0px;
}
header {
    height:30px;
    background:#333333;
    width:100%;
    margin:0px auto;
}

article{
margin-top:50px;
}

p {
	
	color:white;
	font-size: 18px;
	width:80%;
	text-align:center;
padding-top: 30px;
	margin: 20px auto 20px auto;

}



		.thumb {
	height: 800px;
	width: 500px;
margin:0 auto 0 auto;
color:white;
	
}


		.thumb2 {
	height: 800px;
	width: 80%;
margin:0 auto 0 auto;
color:white;
	
}

#one {
	background-image: url('nw.gif');
	background-size: 100%;
	
	background-repeat: no-repeat
	
	
	
		
}



#navigation { float: left; list-style: none; padding-left: 20px; padding-right:20px;}
			#navigation li { float: left; padding: 4px 5px; background-color: #333333; margin-left: 4px; }




@media screen and (max-width: 600px) {
    body {
        background-color: black;
    }
    
    header{
background-color: #333333;
height:35px;


}
    article{
margin-top:20px;
width:100%;
}
    p {
	
	font-size: 18px;
	color: white;
	width:80%;
	text-align:center;
	margin: 20px auto 20px auto;

}

.thumb {
	width:90%;

margin:0 auto 0 auto;
color:white;
	
}

.thumb2 {
	width:90%;

margin:0 auto 0 auto;
color:white;
	
}				
				#one {
	background-image: url('nw.gif');
	height:800px;
	background-position: top;
	background-repeat: no-repeat;
		
	
}



#navigation { float: left; list-style: none; padding-left: 25px; padding-right:20px;}
			#navigation li { float: left; padding: 4px 5px; background-color: #333333; margin-left: 4px; font-size: 16px; }