@charset "utf-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	width:100%;
	min-height: 100%;
	overflow-y: auto;
	font-family: "Josefin Sans", "Josefin Sans Light", "Josefin Sans ExtraLight", "Josefin Sans Medium", "Josefin Sans Thin";
	scroll-behavior: smooth;
	overflow: scroll;
}
img {
	max-width:100% !important;
	}

p{
	font-family: "Josefin Sans";
	font-size:1.2em;
	padding:2% 0;
	margin:0;
	color:#000;
	font-weight:300;
}
	
h1{
	font-family: "Josefin Sans";
	font-size:1.8em;
	color:#000;
	padding-top:0vh;
	padding-bottom:3vh;
	margin:0;
	letter-spacing: 0.1em;
	font-weight: 300;
}
h2{
	font-family: "Josefin Sans";
	font-size:1.56em;
	color:#7c7860;
	padding-bottom:4vh;
	font-weight:200;
}
h3{
	font-family: 'celine_peach_freesans', Arial, sans-serif;
	font-size:2.5vw;
	color:#FFFFFF;
	padding:2% 0;
	margin:0;
	text-transform: uppercase;
	font-weight:normal;
}
.section1{
	background-image: url( "images/cover.png");
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.whitep{
	color: #FFF;
}
.clear-outline-button {
  background-color: transparent; /* Makes the button background transparent */
  border: 2px solid #FFF; /* Sets a solid border with a desired color and thickness */
	border-radius: 10px;
  color: #FFF; /* Sets the text color to match the border */
  padding: 3% 12%; /* Adds padding for spacing */
  font-size: 1em; /* Sets the font size */
  cursor: pointer; /* Changes the cursor to a pointer on hover */
  /* Optional: Add hover effects for better user experience */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
	font-family: "Josefin Sans";
	font-weight: 200;
	text-decoration: none;
}

.black-button {
	border-radius: 10px;
	background-color: #000;
	border:none;
  color: #FFF; /* Sets the text color to match the border */
  padding: 3% 12%; /* Adds padding for spacing */
  font-size: 1em; /* Sets the font size */
  cursor: pointer; /* Changes the cursor to a pointer on hover */
  /* Optional: Add hover effects for better user experience */
  transition: all 0.3s ease; /* Smooth transition for hover effects */
	font-family: "Josefin Sans";
	font-weight: 500;
	margin-top:10%;
}
.black-button a:link{
	color: #FFF;
	text-decoration: none;
}
.black-button a:visited{
	color: #FFF;
	text-decoration: none;
}
.privacyimg{
	width: 40%;
	margin: 0 auto;
	padding-top: 5%;
}
.section2{
	background-image: url("images/page2bg.png");
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.section3{
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: row;
	
}
.section3Img{
	width: 65%;
	background-image:url("images/massage1.png");
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.section4{
	background-image: url("images/contactbg.png");
	height: 96vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.section5{
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	
}


#navbar{
	width: 100%;
	height: 5vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2% 0;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 1000;
	transition: background-color 0.4s ease-in-out;
	
}

#navbar2{
	width: 100%;
	background: #000;
	height: 5vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 2% 0;
	margin: 0 auto;
	position: fixed;
	top: 0;
	z-index: 1000;
	transition: background-color 0.4s ease-in-out;
	
}
.navbarscrolled{
background-color: black !important;
	opacity: 0.50;
}
#navbarspacer{
	width: 90%;
	height: 20vh;
	
	
}
#navButtons{
	width: 40%;
}
#navButtons a{
	color: #FFF;
	padding: 0 2%;
	text-decoration: none;
}

#navFiller{
	width: 45%;
}
#navSocial{
	width: 5%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}
#coverCenter{
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#coverContent{
	width: 50%;
	text-align: center;
}
#aboutContent{
	width: 60%;
	text-align: center;
	margin: 0 auto;
}
#logocontainer{
	width: 50%;
	margin: 5% auto;
}
#section3Content{
	width: 35%;
	padding-right: 10%;
	padding-top: 7%;
	text-align: right;
	line-height: 4em;
}
#halfcol{
	width:35%;
	margin: 0 auto;
}
#halfcol input {
	width:94%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.6em;
	border:thin solid #CCC;
	
}
#halfcol textarea, select {
	width:94%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.6em;
	border:thin solid #CCC;
	
}
#halfcol select {
	width:94%;
	padding:3%;
	margin-bottom:5%;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	border:thin solid #CCC;
	
}

#halfcol input[type="submit"] {
	width:100%;
	-moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	box-sizing: border-box; 
	background-color:#393939;
	border:none;
	color:#FFFFFF;
	font-weight:100;
	font-family: 'Open Sans', sans-serif;
	font-size:0.92vw;
	cursor: pointer;
	display: block;
	
}
.privacy{
	width:100%;
	background-color: #000;
	height: 3vh;
	text-align: center;
	padding-top: 1vh;
}
.privacy a{
	color: #FFF;
	text-decoration: none;
	
}
.privacy a.visited{
	color: #FFF;
}
/* mobi menu */
#menuContainer{
		display:none;
		z-index:1;
}
#checkbox1, .toggle{
	display:none;
}
/* mobi menu end */




 @media (min-width: 375px) and (max-width: 767px) {
        /* CSS for large mobile devices */
	 /* mobi menu */
	 #menuContainer{display: block;}
#mobimenulogo{
		width:40%;
		margin: 0 auto;
		padding:2% 0;
	}
	
		#menuContainer{
		display:block;
		width:100%;
		background: #ccc;
		background: rgba(90,90,90, 0.7);
		position:fixed;
		font-family: 'montserrat', sans-serif;;
}
	.toggle{
		clear:both;
		display:block;
		text-align:center;
		font-size:4vw;
		cursor: pointer;
		width:100%;
		color:#FFFFFF;
		background: rgba(0,0,0, 0.7);
		line-height:2.2;
		transition:none;
		
	}
	#checkbox1:checked+ label .demo li{
		opacity:1;
		visibility:visible;
		transition: linear 0.6s;
		
	}
	#checkbox1:checked + label .demo {
		height:auto;
	}
	.menu
	{
		display:flex;
		flex-direction:column;
		justify-content:space-around;
		align-items:center;
		transition: linear 0.8s;
		height:0;
			background: rgba(0,0,0, 0.7);
		width:100%;
		text-align:center;
		padding:0;
		margin:0;
	}
	.menu li{
		display:flex;
		align-self:center;
		width:95%;
		opacity:0;
		visibility:hidden;
		margin:0 auto;
		padding:5% 0;
	}
	.menu li a{
		width:95%;
		text-aling:center;
		align-self:center;
		align-content:center;
		padding:0;
		margin:0 auto;
		font-size: 3vw;
		color:#FFFFFF;
		text-decoration:none;
	}
	.menu li a:link{
		color:#FFFFFF;
	}
	.menu li a:visited{
		color:#FFFFFF;
	}
	 .privacyimg{
	width: 70%;
	margin: 0 auto;
	padding-top: 10%;
}
	
.section3{
	height: 100vh;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	
}
.section3Img{
	display: none;
}
#section3Content{
	width: 100%;
	padding: 10% 0;
	text-align: center;
	line-height: 3em;
}
.section2{
	background-image: url("images/page2bg.png");
	height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-around;
}
#logocontainer{
	width: 100%;
	margin: 5% auto;
	padding-bottom: 5vh;
}
#coverContent{
	width: 70%;
}
#halfcol{
	width:60%;
	padding-top: 4vh;
} /* mobi menu end */
	 #navbar{display: none;}
}