/* MOBILE MEDIA QUERIES 1024 */

/*-------------------- 1759 --------------------*/
@media screen and (max-width: 1759px) {

.menu {
	position: relative;
	width: 50%;
	float: left;
	text-align: center;
	padding-top:20px;
}
.button_contact {
	position: relative;
	width: 30%;
	text-align: center;
	float: left;
	padding-top:20px;
}
}

/*--------------1024 ------------------------------------*/
@media screen and (max-width: 1024px) {

.wrapper {
	position: relative;
	width: 100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
	position: relative;
	width: 30%;
	float: left;
	text-align: center;
}
.menu {
	position: relative;
	width: 50%;
	float: left;
	text-align: center;
	padding-top:20px;
}
.button_contact {
	position: relative;
	width: 20%;
	text-align: center;
	float: left;
	padding-top:20px;
}
.clear {
	clear: both;
}
.page-header {
	position: relative;
	width: 100%;

}
.header-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 120px;

}
.centre-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px;

}
.box {
	position: relative;
	width: 33.3333%;
	float: left;
	text-align: center;

}
.profile-left {
	padding: 20px;
	position: relative;
	width: 65%;
	float: left;
}
.profile-right {
	position: relative;
	background-color: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
	float: right;
	width: 30%;
}
.fifty {
	position: relative;
	width: 50%;
	padding: 20px;
	float: left;
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align: center;
}

}

/* ----------------------966----------------------- */

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

.wrapper {
	position: relative;
	width: 100%;
	max-width:1920px;
	margin-left:auto;
	margin-right:auto;
}
.logo {
	position: relative;
	width: 20%;
	float: left;
	text-align: center;
}
.menu {
	position: relative;
	width: 60%;
	float: left;
	text-align: center;
}
.button_contact {
	position: relative;
	width: 20%;
	text-align: center;
	float: left;
}
.clear {
	clear: both;
}
.page-header {
	position: relative;
	width: 100%;
}
.header-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 120px;
}
.centre-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.box {
	position: relative;
	width: 33.3333%;
	float: left;
	text-align: center;
}
.profile-left {
	padding: 20px;
	position: relative;
	width: 65%;
	float: left;
}
.profile-right {
	position: relative;
	background-color: #CCCCCC;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
	float: right;
	width: 30%;
}
.fifty {
	position: relative;
	width: 50%;
	padding: 20px;
	float: left;
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align: center;
}

}

/* ------------------- 768 ----------------------- */

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

.wrapper {
	position: relative;
	width: 100%;
}
.logo {
	position: relative;
	width: 100%;
	text-align: center;
}
.menu {
	position: relative;
	width: 100%;
	text-align: center;
}
.button_contact {
	position: relative;
	width: 100%;
	text-align: center;
}
.clear {
	clear: both;
}
.page-header {
	position: relative;
	width: 100%;
	margin-top:20px;
}

.homebg {
	 
   background: url('../images/limbgo-york-home-hero-blue.jpg') no-repeat scroll center top; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
}

.aboutbg {
	 
   background: url('../images/butterfly-quote.jpg') no-repeat center top scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:500px;
}

.profilebg {
	 
   background: url('../images/butterfly-profiles.jpg') no-repeat center top scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
}

.socialbg {
	 
   background: url(../images/butterfly-social.jpg) no-repeat center top scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
}

.swimbg {
	 
   background: url(../images/swimming.jpg) no-repeat center top scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
}

.contactbg {
	 
   background: url(../images/butterfly-contact.jpg) no-repeat center top scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height:800px;
}

.header-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 120px;
}
.centre-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.box {
	position: relative;
	width: 50%;
	float: left;
	text-align: center;
}
.profile-left {
	position: relative;
	width: 100%;
	padding:20px;
	text-align:center;
}
.profile-right {
	position: relative;
	text-align:center;
	background-color: #CCCCCC;
	padding: 20px;
	width: 96%;
	margin-left:2%;
	margin-right:2%;
}
.fifty {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align:center;
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align: center;
}

}

/* --------------- 604 --------------------------------- */

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

.wrapper {
	position: relative;
	width: 100%;
}
.logo {
	position: relative;
	width: 100%;
	text-align: center;
}
.menu {
	position: relative;
	width: 100%;
	text-align: center;
}
.button_contact {
	position: relative;
	width: 100%;
	text-align: center;
}
.clear {
	clear: both;
}
.page-header {
	position: relative;
	width: 100%;
}
.header-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 120px;
}
.centre-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.grid-container {
    display:flex;
    flex-direction: column;   
}

.box {
	position: relative;
	width: 100%;
	text-align: center;
}
.profile-left {
	position: relative;
	width: 100%;
	padding:20px;
}
.profile-right {
	position: relative;
	text-align:center;
	background-color: #CCCCCC;
	/*padding: 20px;*/
	width: 100%;
	margin-left:0;
	margin-right:0;
}
.fifty {
	position: relative;
	width: 100%;
	padding: 20px;
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align: center;
}

}

/* ------------ 428 -------------------------- */

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

.wrapper {
	position: relative;
	width: 100%;
}
.logo {
	position: relative;
	width: 100%;
	text-align: center;
}
.menu {
	position: relative;
	width: 100%;
	text-align: center;
}
.button_contact {
	position: relative;
	width: 100%;
	text-align: center;
}
.clear {
	clear: both;
}
.page-header {
	position: relative;
	width: 100%;
}
.header-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding-top: 120px;
}
.centre-text {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 20px;
}
.box {
	position: relative;
	width: 100%;
	text-align: center;
}
.profile-left {
	position: relative;
	width: 100%;
	padding:20px;
}
.profile-right {
	position: relative;
	width: 100%;
	margin-left:0;
	margin-right:0;
	text-align:center;
	background-color: #CCCCCC;
	/*padding: 20px;*/
	
}
.fifty {
	position: relative;
	width: 100%;
	padding: 20px;
}
.footer {
	position: relative;
	width: 100%;
	padding: 20px;
	text-align: center;
}

}


/* 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) {


}