/* CSS3 written by Phil Brighton ...Pinnacle Web Design York */


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

html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
img {
	max-width:100%;
	height:auto !important;
}
#head-wrapper {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}
#inner-wrap {
	position: relative;
	width: 100%;
	max-width:1200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	text-align: center;
}
#menu {
	position: relative;
	width: 100%;
	text-align: center;
	max-width:400px;
	margin-right:auto;
	margin-left:auto;
}
#BG1 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}
.BG1-title {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10%;
}
.content-wrap {
	position: relative;
	width: 100%;
	text-align: center;
}
.fortyfive {
	float: left;
	padding: 2.5%;
	position: relative;
	width: 95%;
}
.clear {
	clear: both;
	text-align: center;
}
#BG2 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}
#BG3 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}



}

/* MOBILE MEDIA QUERIES Mobile iPhone 6plus */

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

html, body   {
    max-width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}
img {
	max-width:100%;
	height:auto !important;
}
#head-wrapper {
	position: relative;
	width: 100%;
	background-color: #FFFFFF;
}
#inner-wrap {
	position: relative;
	width: 100%;
	max-width:1200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
#logo {
	position: relative;
	text-align: center;
}
#menu {
	position: relative;
	width: 100%;
	text-align: center;
	max-width:400px;
	margin-right:auto;
	margin-left:auto;
}
#BG1 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}
.BG1-title {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 10%;
}
.content-wrap {
	position: relative;
	width: 100%;
	text-align: center;
}
.fortyfive {
	float: left;
	padding: 2.5%;
	position: relative;
	width: 95%;
}
.clear {
	clear: both;
	text-align: center;
}
#BG2 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}
#BG3 {
	position: relative;
	width: 100%;
	text-align: center;
	min-height:800px;
}


}



/* MOBILE MEDIA QUERIES Mobile iPhone 6 */

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



}



/* MOBILE MEDIA QUERIES Mobile Anroid */

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


}


/* MOBILE MEDIA QUERIES Mobile Lumia */

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


}