body{
	font-family: bodoni, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	margin: 0;
	
}
h2{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"
}
h1, h2{
	font-weight:normal;
}
h1 span{
	line-height: 56px;
	font-size: 38px;
}
span {
	font-style: italic;
}
h1{
	font-size: 48px;
	color:ghostwhite;
	
}
h2 span{
	
	font-size: 20px;
}
h2{
	font-size: 35px;
	line-height: 1.2em;
}
a {
	text-decoration: none;
	
}


.button {
	background-color: #FFDA0E;
	font-family: bodoni, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.buttons{
	background-color: #FFDA0E;
	font-family: bodoni, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

img{height:auto;}

.clearfix{clear:both;}

/*HEADER*/
#toggle{display:none;}
#logo{
	width:220px;
}
header{
		padding: 30px 5% 10px;
}
#logo img{
	width: 100%;
}
#social , #logo , #headernav{
	display:inline-block;
	vertical-align: middle;
}
.facebook img{
	width: 40px;
	height: auto;
}
.instagram img{
	width: 40px; 
	height: auto;
}
#social li{
	float:right;
	list-style:none;
}
.butt{
	background-color:#000000;
	font-family: bodoni, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: white;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#headernav{
}
#headernav li{
	list-style: none;
	font-size: 18px;
	Float:left;
	margin-left: 30px;
	margin-right: 30px;
}
#headernav ul{
	padding-left: 0;
	margin: 20px 0 0 0;
	display:inline-block;
	
}
#headernav a{
	font-weight: normal;
}
/*BANNER*/
#banner{
	height: 740px;
	background-image:url("images/herospa.jpg") ;
	background-size:cover;
	background-position:center bottom;
	position: relative;
}
.valueprop{
	position: absolute;
	right:5%;
	top:10%;
	transform: translateY(-10%);
}
.book{
	position:absolute;
	right: 5%;
	bottom: 40%;
	transform: translateY(-40%);
}


/*MAIN BODY*/
.wrapper{
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
	width:90%;
	padding:0 5%;
	
}
#treatments{
	margin-top: 60px;
	margin-bottom: 60px;
	
}
h2{
	text-align:center;
}
.treatments-container{
	margin-top: 40px;
	text-align:center;
}

.therapy{
	display:inline-block;
	width: 28.5714286%;
	margin-left: 1.42857143%;
	margin-right:1.42857143%;
	position: relative;
}
.therapy img{
	width:100%;
}
.therapy a{
	text-align:center;
	position: absolute;
}
.button {
	text-align: center;
	position:absolute;
	left: 5%;
    bottom: 10%;
	transform: translateY(-10%);
}

/*testimonial*/
#testimonial img, blockquote{
	
	text-align: center;
}
#testimonial{
	margin-top: 120px;
	margin-bottom: 60px;
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	padding: 20px;
	background-color:#EBFFF0;
	max-width: 805px;
	border-radius: 2px;
	
}
#testimonial blockquote{
	margin: 0;
	padding-top: 30px;
}
.testimg img{
	width:100%;
}

.testp{
	
	}
.testimg , .testp{
	width: 	48%;
	display:inline-block;
	vertical-align: top;
}
blockquote{
	font-style: italic;
	font-size: 200%;
}

/*footer*/
#logos img{
	width: 100%;
}
#logos{
	width: 220px;
}

input {
				border-bottom: 1px dotted #dcdcdc;
				border-top: none;
				border-right: none;
				border-left: none;
				padding: 5px;
				width: 280px;
				margin-bottom: 20px;}
			input:focus {
				border: 1px solid #08493A;
				outline: none;}
			input#submit {
				color: #ffffff;
				background-color: #000000;
				border: none;
				border-radius: 5px;
				width: 80px;}
			input#submit:hover {
				color: #020202;
				background-color: #efefef;}
			fieldset {
				width: 350px;
				border: 1px solid #dcdcdc;
				border-radius: 10px;
				padding: 20px;
				text-align: right;}
			legend {
				background-color: #000000;
				border: 1px solid #dcdcdc;
				border-radius: 10px;
				padding: 10px 20px;
				text-align: left;
				color:white;
				text-transform: uppercase;}
#form{
	width: 95%;
	max-width: 350px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom:40px;
}

/*footer*/
footer{
}
nav#footernav{
	margin-top: 40px;
	margin-bottom: 60px;
}
#socialz{
	width:200px;
}
#socialz li{
	list-style:none;
}
nav#footernav ul{
	padding-left: 0;
	margin: 20px 0 0 0;
	display: inline-block;
	list-style:none;
}
nav#footernav li{
	float:left;
	list-style: none;
	font-size: 18px;
	margin-left: 30px;
	margin-right: 30px;
}
nav#footernav a{
	font-weight:normal;
}

#logos , #socialz , #footernav{
	display:inline-block;
	vertical-align: middle;
}
#socialz li{
	float:right;
}
p{
	text-align:center;
}

/*MEDIA QUERIES*/
@media screen and (max-width:1260px){
	#headernav{
		display: none;
	}
	#social{
		display:none;
	}
	#toggle{
		display:block;
		text-align:center;
	}
	#logo{
		display:block;
	margin-left: auto;
	margin-right: auto;
	}
	#footernav{
		display:block;
	text-align: center;
		margin-bottom: 40px;
	}
	#socialz{
		display:block;
		margin-left: auto;
		margin-right: auto;
	}
	#logos{
	display:block;
	margin-left: auto;
	margin-right: auto;
	}
	#socialz li{
	float:none;
	display:inline-block;
	vertical-align: top;
}
	#socialz ul{
		padding:0;
		text-align: center;
	}
}/*end 1260*/

@media screen and (max-width:800px){
	#banner{
		height:400px;
		background-position-x:right;
	}
	.book{
	position:absolute;
	right: 5%;
	bottom: 20%;
	transform: translateY(-20%);
	}
	.therapy{
		width:100%;
		margin:0 0 20px;
		display:block;
	}

	blockquote{
		font-size:130%;
	}
	nav#footernav li{
		float:none;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
}/*end 800*/
@media screen and (max-width:630px){
	.testimg , .testp{
		display:block;
		width: 100%;
	}
	
}/*end 630*/