@media only screen 
and (min-width : 1px) 
and (max-width : 1170px) {

	#header {
		padding: 0 20px;
	}
	
	.row {
		padding: 0 20px;
	}
	
}

@media only screen 
and (min-width : 1px) 
and (max-width : 970px) {
	
	body {
		background:#99000;
	}	
	
	.grid-item { width: 100% !important; }
							
}


@media only screen 
and (min-width : 1px) 
and (max-width : 740px) {

	.headerright {
		float: none;
		margin: 0 0 10px 30px;
		}
  
	.headerright p {
		font-size: 26px;
		line-height: 32px;
		padding: 0;
		text-align: center;
		}
		
	.headerright p em {
		font-size: 22px;
		}	
		
	#header a#logo {
		height: 90px;
		margin: 10px auto 0;
		float:none;
		width: 280px;
		}

}