.mobile_menu_toggle {
	display: none; 
}

@media all and (max-width: 1100px){
	body{
		max-width: 98%;
		margin: auto;
		overflow-x: hidden; 
	}
	img,table,iframe,video,audio {
		max-width: 100% !important; 
	}
	#Header .Liner {
		min-height: inherit;
	}
	#Header .Liner  img {
		margin-bottom: -10px;
	}
	#PageWrapper {
		width: 100%;
		margin: 0 auto;
	}
	#ContentWrapper { 
		width: 70%;
		padding-left: 0;
	}
	#Header ,#ContentColumn{
		width: 100%;
	}
	#NavColumn { 
		width: 30%;
		margin-left: 0;
	}
	#Footer{
		max-width: 100%; 
	}
}
@media all and (max-width:800px){ 
	
	.mobile_menu_toggle {
		display: inline-block; 
		position: fixed; 
		top: 50px;
		font-weight: bold; 
		right: 3.1%;
		z-index: 1111; 
		padding: 10px;
		color: #fff; 
		background: #999; 
		cursor: pointer;
	}
	#Header a{
		display: inline-block; 
	}
	
	#ContentColumn,
	#NavColumn ,#Footer ,#PageWrapper img, table#PageWrapper img{  
			width:100%;
	} 
	
	#PageWrapper  {  
			width:95%; 
	}
	 #Header{  
			width:100%; 
	}
	 
	 
	#ContentWrapper{ 
		padding-left: 0;
		width: 100%;
	
	} 
	h1 {
		font-size: 24px;
	}
	#NavColumn .Liner{
		height: 100%;
	}
	#NavColumn { 
		width: 100%; 
		height: 100vh; 
		overflow: auto; 
		max-width: 250px;
		margin-left: 0;
		top: 0; 
		transition: .5s; 
		position: fixed; 
		left: -100%; 
	}
	#NavColumn.active{
		left: 0; 
	}
}