/* 
polarice	d1ecef
mint		69c4c4
turq		059899
sage 		085b5c
pine		015b5c
lavender	b594c5
hyacinth	825aa6
grape 		563382
cheddar		faa529
cinnamon	9e6627
fudge		71471c
*/
@font-face {
	font-family: 'great_vibesregular';
	src: url('fonts/greatvibes-regular-webfont.woff2') format('woff2'),  url('fonts/greatvibes-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'antonioregular';
	src: url('fonts/antonio-regular-webfont.woff2') format('woff2'),  url('fonts/antonio-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
html body {
	font-family: 'Didact Gothic', sans-serif;
	background: #000;
	font-size: 15px
}
html div.container-fluid{margin:0 auto;max-width:1920px}
header {
	padding: 6.5em 15px;
	height: 40em;
	margin: 0 -15px;
	background-image: url(images/feature_top.png), url(images/home_masthead.jpg);
	background-position: bottom left, center bottom;
	background-repeat: no-repeat;
	background-size: auto, cover;
}
header.services{	background-image: url(images/feature_top.png), url(images/services_masthead.jpg);}
header.benefits{	background-image: url(images/feature_top.png), url(images/benefits_masthead.jpg);}
header.faq{	background-image: url(images/feature_top.png), url(images/faq_masthead.jpg);}
header.testimonials{	background-image: url(images/feature_top.png), url(images/testimonials_masthead.jpg);}
header.forms{	background-image: url(images/feature_top.png), url(images/forms_masthead.jpg);}
.hamburger {
	background: #085b5c;
	color: #69c4c4;
	font-size: 1.1em;
	padding: 2em;text-align:center;
}
/* NAV */
.hamburger, #closenav {
	display: block;
	cursor: pointer;
	transition:all 1s
}
.hamburger:hover,#closenav:hover{
	color:#b3f9f9
}
nav {
	background: #085b5c;
	font-size: 1.5em;
	z-index: 3;
	position: fixed;
	right: -16em;
	width: 16em;
	top: 0;
	height: 100%;
	padding: 3em 0 2em 0;
	opacity: 0.3;
	transition-duration: 1s
}
nav.collapsed {
	right: 0;
	opacity: 1
}
nav img {
	position: absolute;
	top: 1em;
	right: 1em;
	border: none;
	opacity: 0.6;
	transition-duration: 0.5s
}
nav img:hover {
	opacity: 1
}
nav a span {
	color: #009798;
	transition-duration: 0.5s;
	margin-left:.5em
}
nav p {
	margin: 0
}
html nav p a,html nav p a:visited {
	color: #69c4c4;
	transition-duration: 0.5s;
	padding: .5em 1em;
	display: block;
}
html nav a:hover {
	background-color: #007777;
	background-position: 15em 1em;
	color: #9bd8d9;
	text-decoration: none
}
html nav a:hover span {
	margin-left:1.5em;
}

html h1 {
	font-family: 'great_vibesregular';
	font-size: 4.5em;
	color: #fff;
	font-weight: 300
}
header.forms h1{color:#563382}
html h2 {
	font-family: 'Didact Gothic', sans-serif;
}
html h3{font-size:1.5em;text-transform:uppercase;font-family: 'antonioregular';color:#ffd48a;border-top:1px solid #563383;padding:1.25em 0 0 0;margin:1em 0 0 0;display:block}
html .forms h3{border-top:none;clear:both;margin-bottom:.5em}
html h3 img{float:right}
.feature {
	background: #825aa6;
	color: #fff;
	font-size: 1.1em;
	line-height: 2
}
.feature h1 {
	color: #b594c5;
	margin-top: 0;
	line-height: 1
}
.feature a,.feature:visited{color:#69c4c4;transition:color 1s}
.feature a:hover{color:#563382;}
.feature a:active{color:#fff}
.feature .ringed {
	border-radius: 100%;
	border: 1em solid #69c4c4;
	width: 90%;
	height: auto;
	position: relative;
	top: -3em;
	margin-bottom: -3em
}
.feature .leftline {
	border-left: 1px solid #563382;padding-left:2em
}
.postfeature {
	text-align: center;
	background-image: url(images/feature_bottom.png), url(images/homebg.jpg);
	background-position: top right, center bottom;
	background-repeat: no-repeat;
	background-size: auto, cover;
	padding-top: 10em;
	padding-bottom: 6em
}
.postfeature.services{
	background-image: url(images/feature_bottom.png), url(images/servicesbg.jpg);
	color:#fff;text-align:left
}
.postfeature.services strong, html h2{letter-spacing:.1em;font-weight:300;color:#b493c4;font-size:3em;text-transform:uppercase}
.postfeature.services img, .postfeature.faq img{width:auto}
.postfeature.services .divided{margin-top:1em;padding-top:1em;border-top:1px dotted #015b5c}

.postfeature.benefits{
	background-image: url(images/feature_bottom.png), url(images/benefitsbg.jpg);
	color:#fff;text-align:left
}
.benefits li{line-height:1.2;margin-top:2em;font-size:1.1em;list-style:url(images/bullet.png)}
.benefits ul{margin-bottom:2em}

.postfeature.faq{
	background-image: url(images/feature_bottom.png), url(images/faqbg.jpg);
	color:#fff;text-align:left
}

.postfeature.testimonials{
	background-image: url(images/feature_bottom.png), url(images/testimonialsbg.jpg);
	background-color:#97afaf;
	color:#fff;font-size:1.5em;line-height:2;
	background-size: auto, 100%;
	padding-top:5em;padding-bottom:10em
}
.postfeature.testimonials em{display:block;color:#563382;font-style:normal;font-family: 'great_vibesregular';font-size:2em;}
.postfeature.forms{
	background-image: url(images/feature_bottom.png), url(images/formsbg.jpg);
	background-color:#1d7873;
	color:#fff;font-size:1.5em;line-height:2;
	background-size: auto, 100%;
	padding-top:5em;padding-bottom:8em;
	background-position: top right, center top;
}
.accord-content {
	display: none; padding:2em 0;line-height:2
}
.rotate {
	transform: rotate(-180deg);
	transition: .3s;
}
.rotate2 {
	transform: rotate(0deg);
	transition: .3s;
}
.postfeature img {
	width: 100%;
	max-width: 800px;
}
.postfeature h1 {
	margin-top: 0
}
.hrsnlocation {
	background: #059899;
	color: #015b5c
}
.hrsnlocation a {
	color: #65c3c6;
	text-decoration: none
}
.hrsnlocation p {
	margin: 1em 3em
}
.mint {
	background: #d1ecef;
	color: #015b5c
}
.mint h1 {
	color: #9bd8d9;
	padding-top: 1em
}
.price {
	text-align: center;
	font-size: 2.25em;
	color: #3eb3b1;
	font-family: 'antonioregular';
}
.price img{margin-bottom:.5em}
.feature .price, .postfeature.services .price{color:#cfb9d9;font-size:1.1em}
.feature .price img{margin-top:2em}

/* FORMS */
.intakeform {padding:1em;text-align:left;}
.intakeform input, .intakeform textarea{background:url(images/inputbg.png);color:#fff;border:none;width:100%;margin-bottom:1em;padding:0.5em}
.intakeform input::placeholder, .intakeform textarea::placeholder{color:#015b5c;font-weight: 300;line-height:1}
.symptoms{border:1px solid #059899;padding:1em;column-count: 5;text-align:left}
div.symptoms label{line-height:1;margin-bottom:1em}
.symptoms input{width:auto}
.intakeform #submit {
	width:auto;padding:.5em 1.5em;float:right;color: #085b5c;
	background: #69c4c4;
	border: .5em solid #015b5c;
	border-radius: 1.5em;
	transition: all 1s
}
.intakeform #submit:hover {
	background: #015b5c;
	border: .5em solid #69c4c4;color:#69c4c4
}

#contact input, #contact textarea {
	padding: 1em;
	background: #ae6f29;
	border: none;
	color: #faa529;
	width: 100%;
	margin-bottom: 1em
}
#contact input::placeholder, #contact textarea::placeholder {
color:#71471c;opacity:1
}
#contact #submit {
	color: #71471c;
	background: #faa529;
	border: .5em solid #ca7f29;
	border-radius: 1.5em;
	transition: all 1s
}
#contact #submit:hover {
	background: #ca7f29;
	border: .5em solid #faa529;
}
footer {
	background: #9e6627;
	margin: 0 -1em;
	padding: 2em 1em 0 1em
}
footer h1 {
	color: #faa529;
	font-size: 2.5em
}
 footer input::placeholder {
color:#71471c
}
.textme {
	background: #71471c;
	color: #ae6f29;
	text-align: center;
	padding: 1em 0 .5em 1em;
	margin-top: .5em;
}
.textme span {
	color: #c8965f;
	font-family: 'great_vibesregular';
	font-size: 2em
}
/* MD */
@media only screen and (max-width: 1200px) {
.symptoms{ column-count: 4;}
}
/* SM */
@media only screen and (max-width: 991px) {
.hrsnlocation {
	margin-bottom: -1em
}
header h1 {
	font-size: 4em;
	text-align: center
}
.symptoms{ column-count: 3;}
}
/* XS */
@media only screen and (max-width: 768px) {
header {
	text-align: center;
	padding-top: 5em
}
header h1, .postfeature h1 {
	font-size: 3em
}
.row .hamburger {
	position: absolute;
	top: 0;
	width: 100%;
	padding: .5em 0 0 0;
}
nav {
	right:100%;
	width: 100%;
	font-size: 1.25em
}
nav a {
	padding: 1em
}
nav a span{display:inline-block;margin-left:1em}

.feature {
	text-align: center;
	padding-bottom: 2em
}
.feature .ringed {
	top: 0;
	margin: 2em auto 0 auto;
	width: 90%
}
.feature .leftline {border:none; padding-left:1em}

.feature h1 {
	font-size:4em;margin-top: .5em
}
.postfeature {
	padding-top: 4em
}
.postfeature.services{
	text-align:center
}
.postfeature.testimonials em{margin-bottom:3em}
.postfeature.services strong{display:block;margin-top:4em;line-height:1.2;letter-spacing:0}
.postfeature.services .divided{display:none}
.postfeature.testimonials{padding-bottom:5em}
	.mint h1 {
	font-size: 4em
}
.mint {
	text-align: center
}
.symptoms{ column-count: 1;}
.symptoms input{margin-bottom:1em}
}