body{
						height: 100%;
						margin: 0;
					}
					html{
						margin: 0;
						height: 100%;
					}
					.container{
						width: 100%;
						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					#colleft{
						width:50%;
						float:left;
						left:0;
						background:url(bg1.jpg);
  						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					#colright{
						width:50%;
						float:right;
						right:0;
						background:url(bg2.jpg);
  						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.headleft{
						font-family: 'Montserrat', sans-serif;
						font-weight: 800;
						font-size: 48px;
						margin: auto;
						text-align: center;
						vertical-align: baseline;
						top: 40%;
						position: relative;
						color: white;
					}
					.headright{
						font-family: 'Montserrat', sans-serif;
						font-weight: 800;
						font-size: 48px;
						margin: auto;
						text-align: center;
						vertical-align: baseline;
						top: 40%;
						position: relative;
						color: white;
					}
					.overlayLeft{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(128,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.overlayRight{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(0,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.button5 {
						font-family: 'Montserrat', sans-serif;
						  background-color: transparent;
						  color: white;
						  font-size: 22px;
						  padding: 8px 16px;
						  border: 1px solid #fff;
						  border-radius: 3px;
						}

					.button5:hover {
			 	     	  background-color: #fff;
						  color: #333333;
						}

					.overlayLeft1{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(0,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.overlayRight1{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(0,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}.overlayLeft1:hover{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(128,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.overlayRight1:hover{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(128,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.event{
						font-size: 110px; line-height: 90px;
						color:white;
					}
					.wellness{
						font-size: 110px; line-height: 90px;
						color:white;
					}
					.master{
						font-size: 38px; line-height: 90px;
						color:white;
					}
					.eventM{
						font-size: 80px; line-height: 30px;
						color:white;
					}
					.welnessM{
						font-size: 80px; line-height: 30px;
						color:white;
					}
					.masterM{
						font-size: 38px; line-height: 90px;
						color:white;
					}



					.containerMobile{
						width: 100%;
						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.row1{
						width:100%;
						float:left;
						left:0;
						top: 0;
						background:url(bg1.jpg);
  						height: 50%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.row2{
						width:100%;
						float:right;
						left:0;
						top:50%;
						background:url(bg2.jpg);
  						height: 50%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}

					@media screen and (max-width: 1100px) {
					  .container{display:none;}
					}
					@media screen and (min-width: 1101px) {
					  .containerMobile{display:none;}
					}

					.containerMobile{
						width: 100%;
						height: 100%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.row1{
						width:100%;
						float:left;
						left:0;
						top: 0;
						background:url(bg1.jpg);
  						height: 50%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.row2{
						width:100%;
						float:right;
						left:0;
						top:50%;
						background:url(bg2.jpg);
  						height: 50%;
						background-position: center;
						background-repeat: no-repeat;
						background-size: cover;
					}
					.overlay1M{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(0,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}.overlay1M:hover{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(128,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.head1M{
						font-family: 'Montserrat', sans-serif;
						font-weight: 800;
						font-size: 38px;
						margin: auto;
						text-align: center;
						vertical-align: baseline;
						top: 20%;
						position: relative;
						color: white;
					}
					.head2M{
						font-family: 'Montserrat', sans-serif;
						font-weight: 800;
						font-size: 38px;
						margin: auto;
						text-align: center;
						vertical-align: baseline;
						top: 20%;
						position: relative;
						color: white;
					}
					.overlay2M{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(0,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.overlay2M:hover{
						  width: 100%;
						  height: 100%;
						  top: 0;
						  left: 0;
						  right: 0;
						  bottom: 0;
						  background-color: rgba(128,0,0,0.5);
						  z-index: 2;
						  cursor: pointer;
					}
					.links{
						text-decoration: none;
					}
					.bottom{
						background-color:#000000;
						height: 6%;
						width: 100%;
						position: absolute;
						bottom: 0;
					}
					.imgclass{
						padding-top: 0.3%;
						margin:auto;
						text-align: center;
					}
					.img{
						
					}
					.youtube{
						width: 2%;
					}
					.facebook{
						width: 1.8%;
					}
					.instagram{
						padding-left: 5px!important;
						width: 1.8%;
					}
					@media screen and (max-width: 500px) {
						  .youtube{
							width: 6%;
						}
						.facebook{
							width: 5.8%;
						}
						.instagram{
							padding-left: 5px!important;
							width: 5.8%;
						}
					}
					@media screen and (min-width : 501px) and (max-width: 800px) {
					  	.youtube{
							width: 4%;
						}
						.facebook{
							width: 3.8%;
						}
						.instagram{
							padding-left: 5px!important;
							width: 3.8%;
						}
					}
					@media screen and (min-width : 801px) and (max-width: 1100px) {
					  .youtube{
							width: 4%;
						}
						.facebook{
							width: 3.8%;
						}
						.instagram{
							padding-left: 5px!important;
							width: 3.8%;
						}
					}
					@media screen and (min-width : 1101px) and (max-width: 2048px) {
					  .youtube{
							width: 2%;
						}
						.facebook{
							width: 1.8%;
						}
						.instagram{
							padding-left: 5px!important;
							width: 1.8%;
						}
						.bottom{
						    height :6%;
						}
					}
					@media screen and (min-width : 2049px)  {
					 	.master{
					 		font-size: 110px;
					 	}
					 	.wellness{
					 		font-size: 220px;
					 		line-height: 220px;
					 	}
					 	.event{
					 		font-size: 220px;
					 		line-height: 220px;
					 	}
					 	.button5{
					 		font-size: 52px;
					 	}
					}