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

}

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

	
	#topnav {
		float: none;
		display: block;
		text-align: center;
		height: auto;
	}
	#topnav #left {
		display: none;
	}
	#topnav #right {
		overflow: auto;
		height: auto;
		text-align: center;
	}
	#topnav #credentials {
		float: none;
		display: block;
		width: 100%;
		text-align: center;
	}
	#header #logo {
		float: none;
		margin: 1em auto .5em auto;
	}
	
	.slider .captionwrapper .caption h1, 
	.slider .captionwrapper .caption h2, 
	#contentbanner .captionwrapper .caption h1, 
	#contentbanner .captionwrapper .caption h2 {
		font-size: 40px;
	}
	.slider .captionwrapper .caption h1 .subtitle, 
	.slider .captionwrapper .caption h2 .subtitle, 
	#contentbanner .captionwrapper .caption h1 .subtitle, 
	#contentbanner .captionwrapper .caption h2 .subtitle {
		font-size: 30px;
	}
	.contentsection.res50 .wrap50 {
		width: 100%;
	}
	.contentsection.res50 .marginleft {
		margin: 0;
	}
	
	#menu {
		display:none;
	}
	#slicknavplace {
		float: left;
		width: 100%;
		text-align: center;
	}
	
	.slicknav_menu {
		display:block;
		text-align: center;
	}
	
	#menuwrapper {
		float: none;
		display: block;
		background: #FFFFFF;
	}
	
	.wrapper {
		width: 98%;
		margin: 0 1%;
	}

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

	
	.slider .captionwrapper .caption, 
	#contentbanner .captionwrapper .caption {
		width: 50%;
	}
	.slider .captionwrapper .caption h1, 
	.slider .captionwrapper .caption h2, 
	#contentbanner .captionwrapper .caption h1, 
	#contentbanner .captionwrapper .caption h2 {
		font-size: 35px;
	}
	.slider .captionwrapper .caption h1 .subtitle, 
	.slider .captionwrapper .caption h2 .subtitle, 
	#contentbanner .captionwrapper .caption h1 .subtitle, 
	#contentbanner .captionwrapper .caption h2 .subtitle {
		font-size: 25px;
	}
	#submenuwrap {
		width: 100%;
		margin: 1em 0;
	}
	#submenuwrap h2 {
		font-size: 1em;
		padding: .5em 1%;
		margin: 0;
		width: 68%;
	}
	#submenuwrap #submenu {
		width: 68%;
		padding: .5em 1%;
		margin: 0 15%;
	}
	#submenuwrap #submenu ul {
		margin: 0;
	}
	#submenuwrap #submenu ul li {
		padding: .25em 0;
	}
	
	.contentcentre {
		width: 100%;
	}
	.flexwrapper .contentblock {
		width: 47%;
	}
	.flexrow .halfwidth .wrap50 {
		width: 100%;
		margin: .5em 0;
	}
	.flexrow .halfwidth .wrap50 {
		width: 100%;
		margin: .5em 0;
	}
	.flexrow .flexrev,
	.flexwrapperrev {
		flex-wrap: wrap-reverse;
	}
	
	.contentsection.res50 .wrap50 {
		width: 100%;
	}
	.contentsection.res50 .marginleft {
		margin: 0;
	}
	
	#footer #creditswrapper #copyright,
	#footer #creditswrapper #webcredit {
		width: 98%;
		margin: 1em 1%;	
	}
	#footer {
		text-align: center;	
	}
	#footer #creditswrapper #webcredit {
		text-align: center; 	
	}

	#footer #address,
	#footer #social,
	#footer #logos,
	#footer #footerlogo {
		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;
	}
	
	#footer #footerlogo {
		background: url('../img/assets/kfhs-logo-footer-230x100.png') center center no-repeat;
		margin: .5em auto;
	}
	
	#contentform .orderformlayout {
		width: 100%;
		margin: 0;
	}
	#contentform .formobject,
	#contentform .formfileobject,
	#contentform textarea {
		font-size: 1em;
	}
	

}

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

	#content {
		margin-top: 1em;
	}
	.content h2 {
		font-size: 1.75em;
	}
	#centrewrapper {
		float: left;
		width: 98%;
		margin: 0 1%;
	}
	#centrewrapper h1 {
		font-size: 1.5em;
	}
	#centrewrapper h2 {
		font-size: 1.125em;
	}
	#centrewrapper p,
	#centrewrapper .contentlist li,
	#centrewrapper ol li {
		font-size: 1em;
	}
	#centrewrapper .standfirst {
		font-size: 1.25em;
	}

}
/*********************************************************************************/
/* Below 650px                                                                   */
/*********************************************************************************/
@media (max-width: 650px) {
	
	.slider .captionwrapper .caption h1, 
	.slider .captionwrapper .caption h2, 
	#contentbanner .captionwrapper .caption h1, 
	#contentbanner .captionwrapper .caption h2 {
		font-size: 25px;
	}
	.slider .captionwrapper .caption h1 .subtitle, 
	.slider .captionwrapper .caption h2 .subtitle, 
	#contentbanner .captionwrapper .caption h1 .subtitle, 
	#contentbanner .captionwrapper .caption h2 .subtitle {
		font-size: 20px;
	}
	
	#submenuwrap h2 {
		font-size: 1em;
		padding: .5em 1%;
		margin: 0;
		width: 98%;
	}
	#submenuwrap #submenu {
		width: 98%;
		padding: .5em 1%;
		margin: 0;
	}
	
	.contentsection .wrap50 {
		width: 100%;
	}
	.contentsection .marginleft {
		margin: 0;
	}
	.content h2 {
		font-size: 1.5em;
	}
	.content h3 {
		font-size: 1.125em;
	}
	.content p,
	.content ul.contentlist li,
	.content ul.readmore li {
		font-size: 1em;
	}
	.content .contentrow .halfwidth, 
	.content .contentrow .halfwidthright {
		width: 96%;
		padding: .5em 1%;
		margin: .5em 1%;
	}
	
	.contentrow {
		margin: 0;
	}
	
	.contentform .formlayout li.halfwidth,
		width: 100%;
	}
	.formlayout li.halfwidth .formobject {
		width: 98%;
	}
	
	.content .width33 {
		width: 50%;
		max-width: 50%;
	}
	.content .contentcentre .gallerythumbwrapper .gallerythumbs li {
		flex-basis: 31%;
	}


}
/*********************************************************************************/
/* Below 500px                                                                   */
/*********************************************************************************/
@media (max-width:500px) {
	
	.flexwrapper .contentblock {
		width: 96%;
		margin: 1em 2%;
	}
	
	.content .articlewrapper .articlethumb {
		width: 30%;
	}
	.content .articlewrapper .articleindextext {
		width: 65%;
	}
	
	.content .width33 {
		width: 100%;
		max-width: 100%;
		margin: 1em 0;
	}

}