@-ms-viewport{width:device-width;} /* http://msdn.microsoft.com/en-gb/library/ie/hh869615%28v=vs.85%29.aspx */

/* 240 + 320px */

@media screen and (min-width:180px) and (max-width:360px) {
	#header, #top_nav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#top_nav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.onehalf, .onehalf.gutterless, 
	.onethird, .twothird, .onethird.gutterless, .twothird.gutterless, 
	.onequarter, .twoquarter, .threequarter, .onequarter.gutterless, .twoquarter.gutterless, .threequarter.gutterless, 
	.onefifth, .twofifth, .threefifth, .fourfifth, .onefifth.gutterless, .twofifth.gutterless, .threefifth.gutterless, .fourfifth.gutterless, 
	.onesixth, .twosixth, .threesixth, .foursixth, .fivesixth, .onesixth.gutterless, .twosixth.gutterless, .threesixth.gutterless, .foursixth.gutterless, .fivesixth.gutterless{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}

	#header headergroup, #header #headercontact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0; text-align:center;}
	#header #headercontact{margin:30px 0 0 0;}
	#header #headercontact li{display:block; margin:15px 0 0 0; padding:0; border:none;}
	#header #headercontact li:first-child{margin:0;}
	
	.cta div{margin-top:30px;}
	.cta div:first-child{margin-top:0;}
	.cta.opt4{font-size:1.5em;}

	#blog-post #comment-count div{float:none; margin-top:10px; text-align:center;}
	#blog-post #comment-count div:first-child{margin-top:0;}
	#blog-post .list.block li > ul, #blog-post .list.block li > ol{margin:0; padding:0; list-style:none; border:none;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	#footer #ft_gallery li img{}
	
	#header, #copyright{text-align:center;}
	#copyright p{float:none; line-height:1.6em;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 480px */

@media screen and (min-width:361px) and (max-width:615px) {
	#header, #top_nav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#top_nav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.onehalf, .onehalf.gutterless, 
	.onethird, .twothird, .onethird.gutterless, .twothird.gutterless, 
	.onequarter, .twoquarter, .threequarter, .onequarter.gutterless, .twoquarter.gutterless, .threequarter.gutterless, 
	.onefifth, .twofifth, .threefifth, .fourfifth, .onefifth.gutterless, .twofifth.gutterless, .threefifth.gutterless, .fourfifth.gutterless, 
	.onesixth, .twosixth, .threesixth, .foursixth, .fivesixth, .onesixth.gutterless, .twosixth.gutterless, .threesixth.gutterless, .foursixth.gutterless, .fivesixth.gutterless{display:block; float:none; width:auto; margin:0 0 5% 0; padding:0;}
	
	#header headergroup, #header #headercontact{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}
	#header #headercontact{margin:30px 0 0 0;}
	
	#sidebar_2 ul.nospace li{display:inline; float:left; width:30%; margin:0 0 0 5%;}
	#sidebar_2 ul.nospace li:first-child{margin-left:0;}
	
	#contact .contactdetails > div{display:block; float:none; margin-left:0;}
	
	.cta div{margin-top:30px;}
	.cta div:first-child{margin-top:0;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin:0 0 20px 0; font-size:7em;}
	#fof h2{margin:0 0 20px 0; font-size:2em;}
	
	#footer div{margin-bottom:5%;}
	#footer #ft_gallery li, #footer #ft_gallery .first{display:inline-block; float:left; width:auto; margin:0 10px 10px 0; padding:0; clear:none;}
	
	#copyright p{float:none;}
	#copyright p:first-child{margin-bottom:8px;}
}

/* 768px */

@media screen and (min-width:616px) and (max-width:800px) {
	#header, #top_nav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
	
	#top_nav ul{display:none;}
	form input[type="submit"]{margin-bottom:10px;}
	
	.cta.opt4 div{display:block; float:none; width:100%; margin:30px 0 0 0;}
	.cta.opt4 div:first-child{margin-top:0; text-align:center;}
	.cta.opt4{font-size:1.5em;}
	
	#fof{padding:30px 0 0 0;}
	#fof h1{margin-top:0; font-size:12em;}
	#fof h2{margin-top:0;}
}

/* 960px */

@media screen and (min-width:960px) {
	#header, #top_nav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
}

/* 1028px */

@media screen and (min-width:1028px) {
	#header, #top_nav, #intro, #container, #footer, #copyright{max-width:95%; margin:0 auto;}
}

/* 1200px */

@media screen and (min-width:1200px) {
	body.box .wrap{max-width:1140px;}
	#header, #top_nav, #intro, #container, #footer, #copyright, .stretch{max-width:1200px; margin:0 auto;}
}

/* Hide The Jquery Generated Navigation Form from 801px upwards */

@media screen and (min-width:801px) and (max-width:10000px) {
	#top_nav form{display:none;}
}

/* Resize Extended Box */

@media screen and (min-width:1501px) {
	body.box .wrap .stretch{margin-left:-2.6%; margin-right:-2.6%;}
}