@charset "UTF-8";
/* CSS Document */
/*********************************************************************************/
/* Below 1500px                                                                   */
/*********************************************************************************/
@media (max-width: 1500px) { /* 1500px */

	.mainbanner .mainimage .caption {
		top: 200px;
	}
	.mainbanner .mainimage .caption h1,
	.mainbanner .mainimage .caption p {
		font-size: 2.5em
	}
}

/*********************************************************************************/
/* Below 1200px                                                                   */
/*********************************************************************************/
@media (max-width: 1200px) { /* 1200px */

	#header #logo {
		float: none;
		margin: 1em auto .5em auto;
	}
	
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
		text-align: center;
	}
	
	#menuwrapper {
		float: none;
		display: block;
		background: #FFFFFF;
	}
	
	.mainbanner .mainimage .caption {
		top: 150px;
	}
	.mainbanner .mainimage .caption h1,
	.mainbanner .mainimage .caption p {
		font-size: 2em
	}
	
	.homebanner .texture-edge .img-holder,
	.texture-edge .img-holder {
		min-height: 470px;
		background: #000000 top center no-repeat;
		background-size: cover;
	}	
	.homewrapper #centrewrapper .contentflex .contentleft .texture-edge .img-holder {
		min-height: 600px;
	}
	
	.wrapper {
		width: 98%;
		margin: 0 1%;
	}
	
	.mainbanner .mainimage .wrapper {
		width: 100%;
		margin: 0;
	}
	
	.homehighlightwrapper .highlightrow .highlightbox .title h2 {
		font-size: 1.5em;
	}
}
/*********************************************************************************/
/* Below 960px                                                                   */
/*********************************************************************************/
@media (max-width: 960px) { /* 960px */


	#header #logo {
		width: 200px;
		height: 112px;
		margin: 1em auto 0 auto;
		background: url(_gfxlib/logo200.png) no-repeat center;
		background-size: 100%;
	}
	
	#header #strap p {
		font-size: 18px;
		margin-top: 20px;
	}
	.contentbanner .bannerimage {
		width: 100%;
		margin: 1em 0;
	}
	.contentbanner .bannertitle {
		width: 100%;
		padding: 1em 0;
		text-align: center;
	}
	.contentbanner .bannertitle h1 {
		font-size: 36px
	}
	.mainbanner .mainimage .caption {
		position: relative;
		width: 100%;
		max-width: none;
		left: 0;
		top: 0;
		float: left;
		background: #4B1856;
		padding: 10px 0;
		margin: 0;
	}
	
	#centrewrapper .contentleft,
	#centrewrapper .contentright {
		width: 100%;
		margin: 0;
	}
	.homewrapper #centrewrapper .contentflex {
		flex-wrap: wrap-reverse;
	}
	.homewrapper #centrewrapper .contentflex .contentleft,
	.homewrapper #centrewrapper .contentflex .contentright {
		width: 100%;
		margin: 1em 0;
	}
	
	#bottom #creditswrapper #copyright,
	#bottom #creditswrapper #webcredit,
	#bottom #creditswrapper #copyright #bottommenu {
		width: 98%;
		margin: 1em 1%;	
		text-align: center;
	}
	#footer {
		text-align: center;	
	}
	#footer #creditswrapper #webcredit {
		text-align: center; 	
	}
	
	#bottom #creditswrapper {
		flex-wrap: wrap;
	}
	#bottom #creditswrapper #copyright,
	#bottom #creditswrapper #webcredit,
	#bottom #creditswrapper #bottommenu  {
		font-size: 12px;
		width: 100%;
	}

	#footer #address,
	#footer #logos #social,
	#footer #blog {
		float: none;
		width: 100%;
		margin: .5em auto;
		text-align: center;
		display: inline-block;
	}
	#footer #address {
		display: inline-block;
		background: url('_gfxlib/footerlogo171.png') top center no-repeat;
	}
	
	#footer #social img,
	#footer #logos img {
		float: none;
		margin: .5em;
		display: inline-block;
	}
	
	#contentform .orderformlayout {
		width: 100%;
		margin: 0;
	}
	#contentform .formobject,
	#contentform .formfileobject,
	#contentform textarea {
		font-size: 1em;
	}
	

}

/*********************************************************************************/
/* Below 750px                                                                   */
/*********************************************************************************/
@media (max-width: 750px) {
	
	
	.mainbanner .mainimage .caption h1,
	.mainbanner .mainimage .caption p {
		font-size: 1.25em
	}
	.homebanner .texture-edge .img-holder,
	.texture-edge .img-holder {
		min-height: 400px;
	}
	.homewrapper #centrewrapper .contentflex .contentleft .texture-edge .img-holder {
		min-height: 500px;
	}
	
	.homehighlightwrapper .highlightrow .highlightbox .title h2 {
		font-size: 1.125em;
	}
	
	.homehighlightwrapper .highlightrow .highlightbox .content p,
	.homehighlightwrapper .highlightrow .highlightbox .content p a {
		font-size: 1em;
	}
	.boxwrapper .box {
		width: 60%;
		margin: 3em 20%;
	}
	
	#content {
		margin-top: 1em;
	}
	#centrewrapper,
	#content .centrewide {
		float: left;
		width: 98%;
		margin: 0 1%;
	}
	#centrewrapper h1,
	#blog h2 {
		font-size: 1.5em;
	}
	#centrewrapper h2 {
		font-size: 1.125em;
	}
	/*#centrewrapper p,
	#centrewrapper .contentlist li,
	#centrewrapper ol li {
		font-size: 14px;
	}*/
	#centrewrapper .standfirst,
	#testimonialwrapper p {
		font-size: 16px;
	}
	#rightwrapper {
		width: 98%;
		margin: 1em 1%;
	}
	#rightwrapper h1 {
		font-size: 1.125em;
	}
}
/*********************************************************************************/
/* Below 650px                                                                   */
/*********************************************************************************/
@media (max-width: 650px) {


	.homebanner .texture-edge .img-holder,
	.texture-edge .img-holder {
		min-height: 300px;
	}
	.homewrapper #centrewrapper .contentflex .contentleft .texture-edge .img-holder {
		min-height: 400px;
	}
	.homehighlightwrapper .highlightrow .highlightbox {
		float: left;
		width: 100%;
		margin: 0 0 1em 0;
		padding: 0;
	}

	.homehighlightwrapper .highlightrow .highlightbox .content {
		margin: 1em 2%;
	}

}
/*********************************************************************************/
/* Below 500px                                                                   */
/*********************************************************************************/
@media (max-width:500px) {
	
	.boxwrapper .box {
		width: 90%;
		margin: 3em 5%;
	}
}
/*********************************************************************************/
/* Below 400px                                                                   */
/*********************************************************************************/
@media (max-width:25.00em) {	
	

}