@media screen and (max-width: 1220px) {
	#team .row:last-child {display: block !important}
	#team .three.columns {width: 48%;}
	#team .three.columns#Tony {margin-left: 0;}
	#team .three.columns#Fraz, #team .three.columns#Ian {margin-bottom: 10%;}
}
@media screen and (max-width: 1120px) {

}
@media screen and (max-width: 1060px) {

	/* Banner */
	#bannerText {width: 70%;}
}
@media screen and (max-width: 1000px) {
	#team .three.columns#Fraz, #team .three.columns#Ian {margin-bottom: 12%;}

	/* Banner */
	#bannerText {width: 95%;}
}
@media screen and (max-width: 980px) and (min-width: 805px) {

}
@media screen and (max-width: 975px) {

}
@media screen and (max-width: 945px) {

}
@media screen and (max-width: 930px) {

}
@media screen and (max-width: 920px) {
	#nav li {margin-left: 25px;}
}
@media screen and (max-width: 876px) {

}
@media screen and (max-width: 876px) {

}
@media screen and (max-width: 870px) {

}
@media screen and (max-width: 865px) {
	#team .three.columns#Fraz, #team .three.columns#Ian {margin-bottom: 13%;}
}
@media screen and (max-width: 850px) {
	#logo {width: 150px; margin-top: 30px;}
}
@media screen and (max-width: 845px) {

}
@media screen and (max-width: 830px) {

}
@media screen and (max-width: 820px) and (min-width: 805px) {

}
@media screen and (max-width: 820px) {

}
@media screen and (max-width: 815px) {

}
@media screen and (min-width: 805px) {

}
@media screen and (max-width: 805px) {
	#nav ul.main-nav { display:none; visibility:hidden}
	.navbar{ display:block; visibility:visible; margin-top:58px; float: right; transition: all .45s ease-in-out;}
	.shrink .navbar {margin-top: 36px;}
/* 	.cd-fixed-bg, .cd-fixed-bg-head, .cd-fixed-bg-foot {background-attachment: scroll;} */

	/* Services */
	#services .row .six.columns {padding: 20px 10px;}
	#services .row.prog {display: initial !important;}
	#services .row .four.columns:first-child {margin-top: 4%;}
	#services .row .four.columns {width: 100%; margin-left: 0; margin-bottom: 30px;}

}
@media screen and (max-width: 790px) {

}
@media screen and (max-width: 755px) {
	#team .three.columns#Fraz, #team .three.columns#Ian {margin-bottom: 15%;}
}
@media screen and (max-width: 720px) {

}
@media screen and (min-width: 690px) and (max-width: 920px) {

}
@media screen and (max-width: 670px) {

}
@media screen and (max-width: 650px) {
	#team .three.columns#Fraz, #team .three.columns#Ian {margin-bottom: 16%;}
}
@media screen and (max-width: 625px) {

}
@media screen and (max-width: 600px) {

	/* Misc */
	.promo.one .container {width: 90%;}
	.promo.two .container {width: 95%;}

	/* Services */
	.SHP .contact_form, .AHP .contact_form {width: 50%;}

	/* Banner */
	#bannerText, span.bannerShow {display: none;}
	span.bannerHidden {display: block; text-align: center; padding: 5%;}

	/* Services */
	#services ul {text-align: center; display: initial;}
	#services .row .six.columns {width: 100%; margin-left: 0;}
	#services .row .six.columns:first-child {margin-bottom: 5%;}
	#services .row:last-child {display: block !important;}

	/* Team */
	#team .three.columns {width: 100%; margin-left: 0;}
	#team .three.columns {margin-bottom: 18% !important}
	#team .three.columns#Fraz {margin-top: 5%;}

	.cd-fixed-bg.cd-bg-2 {
		height: 300px; background-size: cover;
	}
	.cd-fixed-bg.cd-bg-1 {
		height: 300px; background-size: cover;
	}
	.cd-fixed-bg-foot.cd-bg-1 {
		 background-size: cover;
	}
	.cd-fixed-bg-head.cd-bg-3 {
		height: 250px; background-size: cover;
	}
}
@media screen and (max-width: 590px) {

}
@media screen and (max-width: 570px) {

}
@media screen and (max-width: 550px) {

}
@media screen and (max-width: 549px) {
	.contact_form .no-margin input {float: none; width: 100%;}
	.contact_form input {float: none; width: 100%;}
	.contact_form textarea {width: 100%;}
	#team .three.columns#Fraz, #team .three.columns#Ian, #team .three.columns#Tony {margin-bottom: 28% !important;}
}
@media screen and (max-width: 535px) {

}
@media screen and (max-width: 530px) {

}
@media screen and (max-width:500px) {

	/* Services */
	.SHP .contact_form, .AHP .contact_form {width: 75%;}
}
@media screen and (max-width: 475px) {

}
@media screen and (max-width: 449px){
	#bannerText {width: 80%;}
	#team .three.columns#Fraz {margin-top: 10%;}
}
@media screen and (max-width: 430px) {
	footer {padding: 5%}
}
@media screen and (max-width: 415px){
	.cd-fixed-bg, .cd-fixed-bg-foot, .cd-fixed-bg-head {
      -webkit-background-size: 150% auto;
      background-attachment: scroll;
    }
    .cd-fixed-bg-head {
	    padding-bottom: 15%;
    }

    .cd-fixed-bg-head.cd-bg-3 {
		height: 290px; background-size: cover;
	}
}
@media screen and (max-width: 330px) {
	#team .three.columns#Fraz, #team .three.columns#Ian, #team .three.columns#Tony {margin-bottom: 28% !important;}
}







/* for background-size:cover replacement on iOS devices */
@media only screen and (orientation: portrait) and (device-width: 320px), (device-width: 768px) {
    .cd-fixed-bg, .cd-fixed-bg-foot, .cd-fixed-bg-head {
      -webkit-background-size: auto 200%;
      background-attachment: scroll;

    }
}
@media only screen and (orientation: landscape) and (device-width: 320px), (device-width: 768px) {

    .cd-fixed-bg, .cd-fixed-bg-foot, .cd-fixed-bg-head {
      -webkit-background-size: 190% auto;
      background-attachment: scroll;
      background-position-y: bottom
    }
}
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
	.cd-fixed-bg, .cd-fixed-bg-foot, .cd-fixed-bg-head {
      -webkit-background-size: 200% auto;
      background-attachment: scroll;
    }
}