@charset "utf-8";
/* CSS Document */

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

header,
section,
footer	{ padding-left: 10%; padding-right: 10%; }

}

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

header	{ grid-template-columns: 30% 70%; }

}

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

html	{ font-size: 19px; }

}

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

}

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

header	{ grid-template-columns: 25% 75%; }

header,
section,
footer	{ padding-left: 8%; padding-right: 8%; }

}

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

html	{ font-size: 18px; }

header,
section,
footer	{ padding-left: 6%; padding-right: 6%; }

}

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

header,
section,
footer	{ padding-left: 4%; padding-right: 4%; }

}

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

html	{ font-size: 17px; }

h1, h2	{ font-size: 2rem; }

li.box-item.treatments a.btn	{ margin: 0.25rem 0.25rem 0.25rem 0; }

textarea	{ height: 20rem; }

}

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

html	{ font-size: 16px; }

header,
section,
footer	{ padding-left: 3%; padding-right: 3%; }

}

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

html	{ font-size: 18px; }

section,
footer	{ padding-left: 8%; padding-right: 8%; }

nav	{ display: none; }
a.mobile-nav-trigger	{ display: block; }

header	{
	position: fixed;
	grid-template-columns: 100% 0%;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	padding-left: 2rem; 
	padding-right: 2rem;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
	
	background-color: rgba(255,255,255,0.6);
	backdrop-filter: blur(20px);
}

.logo	{ height: 3rem; }

a.logo-link	{ height: 100%; }

a.logo-link img	{ height: 100%; }

.mobile-nav + section	{ padding-top: 8rem; }

ul.box-wrapper.col-2	{ grid-template-columns: 100%; }
ul.box-wrapper.col-3	{ grid-template-columns: 48.5% 48.5%; }
ul.box-wrapper.col-2-3	{ grid-template-columns: 100%; }
ul.box-wrapper.col-3-2	{ grid-template-columns: 100%; }

li.box-item.slider,
li.box-item.full-image	{ height: 15rem; }

li.box-item.full-image	{ display: none; }
.secondary-full-image	{ display: block; }

.image-gallery a	{ width: 23%; }

footer .footer-links i	{ display: none; }

footer .footer-links a	{ 
	display: inline-block;
	padding: 1rem; 
	margin: 0 0.15rem 0.5rem;
	border: solid 1px rgba(255,255,255,0.25);
	border-radius: 7px;
}

footer .powered-by a	{
	display: inline-block;
	padding: 1rem;
	border-top: dotted 1px rgba(255,255,255,0.25);
	border-bottom: dotted 1px rgba(255,255,255,0.25);
}

.share-widget a	{ padding: 1rem; }

input[type=checkbox]	{ width: 2rem; height: 2rem; margin-top: 0.35rem; }

.agree-terms label.label-checkterms	{ margin-right: 1rem; }

}

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

.logo	{ height: 2.5rem; }
.mobile-nav + section	{ padding-top: 7.5rem; }

a.mobile-nav-close	{ height: 5.5rem; }

section,
footer	{ padding-left: 6%; padding-right: 6%; }

}


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

.mobile-nav	{ padding: 0 10%; }

ul.box-wrapper.col-3	{ grid-template-columns: 100%; }

.image-gallery a	{ width: 31.333%; }

}

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

header	{ padding-top: 1.25rem; padding-bottom: 1.25rem; }

.logo	{ height: 2rem; }
.mobile-nav + section	{ padding-top: 6.5rem; }

a.mobile-nav-close	{ height: 4.5rem; }

section,
footer	{ padding-left: 2rem; padding-right: 2rem; }

.slider-nav	{ right: auto; left: 1rem; }

/*li.box-item.slider,
li.box-item.full-image	{ height: 20rem; }*/

.aw-email	{ width: 100%; margin-right: 0; margin-bottom: 1rem; padding: 1rem 0; height: auto; }

a.aw-copy	{ width: 100%; }

.fbc-col	{ width: 100%; }

.fbc-col:first-of-type	{ margin-right: 0; margin-bottom: 1.5rem; }

input[type=submit]	{ height: 3.25rem; font-size: 1.25rem; }

}

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

h1, h2	{ font-size: 1.75rem; }

footer .social-links a	{ font-size: 4rem; }

}

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

li.box-item,
.box-title,
.share-widget,
.box-title,
.box-full-width	{ padding: 1.25rem; }

.profile-picture	{ 
	float: none; 
	margin-left: 0;
	margin-bottom: 1.5rem;
}

}

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

.mobile-nav + section	{ padding-top: 6rem; }

header,
section,
footer,
.clear-container	{ padding-left: 1.5rem; padding-right: 1.5rem; }

ul.box-wrapper	{ row-gap: 1.5rem; margin-bottom: 1.5rem; }

.clear-container,
.box-title,
.share-widget,
.box-title,
.box-full-width	{ margin-bottom: 1.5rem; }

.image-gallery a	{ width: 46%; margin: 2%; }

.profile-picture	{ width: 46%; }

}

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

html	{ font-size: 17px; font-weight: 500; }

h1, h2	{ font-size: 1.5rem; }

input,
textarea	{ font-weight: 500; }

textarea	{ height: 25rem; }

.mobile-nav + section	{ padding-top: 5.5rem; }

header	{ padding-top: 1rem; padding-bottom: 1rem; }

.mobile-nav	{ padding: 0 1rem; }

a.mobile-nav-trigger	{ width: 4rem; }

a.mobile-nav-close	{ width: 4rem; height: 4rem; }

.mobile-nav + section	{ padding-top: 5.5rem; }

/*.mobile-nav a	{ font-size: 1.75rem; }*/

header,
section,
footer,
.clear-container	{ padding-left: 1rem; padding-right: 1rem; }

a.btn	{ margin-top: 1rem; }

}

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



}

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

h1, h2	{ font-size: 1.25rem; }

h3	{ font-size: 1rem; }

}

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

header a.logo	{ height: 2rem; }

li.box-item,
.box-title,
.share-widget,
.box-title,
.box-full-width	{ padding: 1rem; }

.slider-nav a	{ margin: 0 0.75rem; }

.agree-terms p.text-checkterms	{ width: 70%; }

.aw-email	{ font-size: 1rem; }

}

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

html	{ font-size: 15px; }

/*li.box-item.slider,
li.box-item.full-image	{ height: 15rem; }*/

}