/* Reset Styles
***********************/
html, body { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }


/* Loading
***********************/
.loading #container {opacity: 0;}          
.loading:before  { content: 'LOADING'; display: block; margin: 100px 0 0; text-align: center; color: #fff; font-weight: bold; font-size: 60px; opacity: 0.3; }

/* Layout
***********************/
#main {
	width: 100%;
	margin-left: auto;
	margin-right: auto; 
	margin-top: 0;
	overflow: hidden;
}

/* Media Queries
***********************/
@media screen and (max-width: 960px) {
	
	#main {
		width: 90%;
	}

}

@media screen and (max-width: 768px) {
  
  	#main {margin-left: 0;}
  
}