
@media all and (max-width:1024px){
		
			#content{
				width:100%;
				padding:10px;
			}
			
			
			header #contactInfo{
				width:100%;
				text-align:center;
				float:none;
				position:relative;
			}
		
			/* INDEX - make blog link move to lower row */
		
			#intro, #blog,#services{
				width:75%;
			}
			
			/* nav resized width to 25% */
			
			#nav{
				width:25%;
			}
			
			
			div.row{
				width:100%;
			}
			
			div.row div.col{
				width:98%;
				margin:2%;
				padding:0%;
			}
			
			footer, #footer, #main{
			padding:0%;
			width:100%;
			}
			
			#main div.left, #main div.right{
			width:inherit;
			margin:0%;
			padding:0%;
			}
			
			div.half{
				width:90%;
				margin:5%;
			}

			/* CONTACT */
			/*
			#contact{
				width: 92%;
				padding: 0%;
				margin: 4%;
			}
			
			fieldset{
				margin:10% 0%;
			}
			
			textarea, input[type='text'], select{
				width: 80%;
				margin: 5%;
			}
			*/
			/* PRICES */
			
		
	}
	
	
	@media all and (max-width:980px){

			/* keep header scaling down */
	
			header{
				width:100%;
			}
			
			header #logo img{
				width:100%;
				height:auto;
			}
				
	}

@media all and (max-width:740px){

}

@media all and (max-width:630px){

			#nav{
				width:100%;
			}
			
			#nav li{
				display:block;
			}
			
			#article{
				width:100%;
			}
			
			/* show 'desktop disabled' navigation option */
			
			#navBATS li.disable{
				display:block;
			}
			
			/* hide the desktop list of service links */
			
			#navServiceWrapper{
				display:none;
			}
			
			/* hide adverts in mobile */
			
			#advertGallery{
				display:none;
			}
			
			#intro, #blog,#services{
				width:100%;
			}
			
}


@media all and (max-width:430px){

			#contact{
				width: 92%;
				padding: 0%;
				margin: 4%;
			}
			
			fieldset{
				margin:10% 0%;
			}
			
			textarea, input[type='text'], select{
				width: 80%;
				margin: 5%;
			}

}