@media screen and (min-width: 1024px) {
	/*#maincontainer {border:  red 1px solid;}*/
	header .branding,
	#nav_main,
	#nav_main ul,
	#nav_page ul,
	.content_main { width: auto; }
	#nav_main li:first-child { margin-left: 0px;}
	header .branding h1,
	header .branding .logos {width: auto; float: none;  }
	header .branding p.strapline,
	header .branding p.action { width: 100%; clear: left; float: none; margin: 0 5px 5px; padding-top: 0px;}
	header .branding p.strapline .tel {display: block; padding: 0 0 20px 0;}
	#banner_panel,
	#banner_panel img { width: 100%; }
	#content_banner img.spacer {width: 100%; }
	header .branding p.logos {padding-top: 0; }

	.content_main h1, .content_main h2, .content_main h3, .content_main p, .content_main ul, .content_main div.pagecontent {margin-left: 50px;  max-width: 700px;}
	#content td:first-child{background-color: #e8e8e8;}
	#content td:last-child { }
	#content td { display:inline-table; margin: 10px 6px;}
	#content tr {  }
	#content th {display: none;}
  #site_info p {display: inline-block;}
}

@media screen and (max-width: 1024px) {
	/*#maincontainer {border:  pink 1px solid;}*/
	header {float: none; max-width: none; width: 100%;margin: 0px;}
	header h1 {float: left; width: 29.4118%;}
	header p.contact,
	header .importantlinks {margin: 0px; display: inline-block;}
	header .importantlinks li {width: auto; font-size: 1.2em;}
	header .importantlinks li a.button { padding: 12px 18px;}
	#nav_main {margin-top: 40px;}
	#nav_main ul {clear: left;}
	header .facilities li {display: inline-block; width: 30%; margin: 1%;}
	/*menu / facilites toggle*/
	.menu-toggle {position: absolute; display: block; text-align:center; cursor: pointer; z-index: 10; text-decoration: underline; text-transform: lowercase;}
	#QuickLinks {border: #345233 1px solid; position: relative; background-color: #345233;}
	.main-navigation .menu-toggle {top: 0; left: 20px;}
	.facilities .menu-toggle {top: 0; left: 110px;}
	.menu-toggle:hover { color: #59a80f;}
	.menu-toggle .button { display: none;  }
	.menu-toggle.toggled-on {}
	ul.nav-menu { display: none;}
	ul.nav-menu.toggled-on {display: block;}
	/*END menu / facilites toggle*/
	#content { float: none; margin-left: 0; width: 100%;}

}

@media screen and (max-width: 750px) {
	/*#maincontainer {border:  blue 1px solid;}*/
	p, li, dl, label, td, h4, th, span.txt, div.lang a {font-size: 1.3em}
	#content h1 {font-size: 2.2em;}
	#content h1 + p, .content_main p:first-child {font-size: 1.4em;}
	header .branding {padding-top: 20px}
	header .branding h1 {float: none; width: auto; padding: 8px 0 0 20px; display: inline-block;}
	header .branding .contact {margin: 0px; padding: 8px 0px 0px 20px;}
	header .importantlinks li a.button {padding: 8px 12px; margin: 12px 5px;}
	header .importantlinks li a.button span {position: absolute; top: -9999px;}
	header h1 img {width: auto; height: 45px;}
	header .facilities li {  width: 45%; margin: 2%;}

}

@media screen and (max-width: 480px) {
	/*#maincontainer {border:  yellow 1px solid;}*/
	header .branding h1 ,
	header p.contact,
	header .importantlinks {/*margin: 0px auto; display: block; text-align: center;*/}
	header .facilities li {display: block;  width: 100%; margin: 2% 0;}
	#nav_main li {display: block;  width: 100%;}
	#site_info #logo_visit {float: none; margin-bottom: 2em; margin-right: auto; margin-left: auto;}
	#site_info #logo_visit img { }

}


@media screen and (min-width: 1280px) {
	/*#maincontainer {border:  green 1px solid;}*/
	p, li, dl, label, td, h4, th, span.txt, div.lang a {font-size: 1.5em}
	header .contact {font-size: 1.9em;}
	header .importantlinks li a {font-size: 1.8em;}

}