body { 
		background: #232323 url(images/bg.png) repeat;
		margin: 0;
		padding: 0;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		}
		
		/* Make HTML 5 elements display block-level for consistent styling */  
		header, nav, article, section, aside, footer, address {  
    	display: block;  
		} 
		.container {
		width: 960px;
		min-height: 720px;
		margin: 0 auto;
		text-align: center;
		background: url(images/bg-light.png) no-repeat;
		padding-top: 20px;
		}
		
		
		
		a{ color: #77dff1; text-decoration: none;}
	
		a:hover { text-decoration: underline;}

		
		p {
		color: #fff;
		margin: 0;
		font-size: 16px;
		text-shadow: 0 -2px 0 #333;
		}
		
		p.credits {font-size: 12px; margin-top: 40px; color: #ccc;}
	
	#logoimg {
		padding-top:15%;	
		
	}
		
		.hr {
		border-top: 1px dotted #778899;
    display: block;
    height: 2px;
    margin: auto;
    width: 630px;
		}

  	
  	@media (max-width: 767px) {
 	#logoimg {
		padding-top:5%;	
	}

#logoimg img {
	width:90%;
	max-width:464px;
}
	.container {
		width: 100%;
		min-height: 720px;
		margin: 0 auto;
		text-align: center;
		background: url(images/bg-light.png) no-repeat;
		padding-top: 20px;
		}
}

  	@media (max-width: 400px) {
 	#logoimg {
		padding-top:5%;	
	}

#logoimg img {
	width:90%;
		max-width:464px;
}
	.container {
		width: 100%;
		min-height: 720px;
		margin: 0 auto;
		text-align: center;
		background: url(images/bg-light.png) no-repeat;
		padding-top: 20px;
		}
}