/*
font-family: relation-one, sans-serif;
font-weight: 400;
font-style: normal;






font-family: montserrat, sans-serif;
font-weight: 600;
font-style: normal;

Purple #4c3e5e
Gold #e0c17b
Grey #333333

lt gold #f6ecd8
lt Purple #dbd8df


*/


/* GENERAL ---------------------------------- */

body {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	color: #4c3e5e;
}


.no-margin {
	margin: 0;
}

.script {
	font-family: relation-one, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.purple {
	color: #4c3e5e;
}

.gold {
	color: #e0c17b;
}

.btn-primary {
	background-color: #4c3e5e;
	border-color: #4c3e5e;
	color: #f6ecd8;
}

.btn-primary:hover, .btn-primary:focus  {
	background-color: #e0c17b;
	border-color: #e0c17b;
	color: #dbd8df;
}

.btn-secondary {
	background-color: #e0c17b;
	border-color: #e0c17b;
	color: #dbd8df;
	
}

.btn-secondary:hover, .btn-secondary:focus  {
	background-color: #4c3e5e;
	border-color: #4c3e5e;
	color: #f6ecd8;
	
}

.wide {
	width:100%;
}

.ltgold-section {
	background-color: #f6ecd8;
	padding-top: 50px;
	padding-bottom: 50px;
}

.ltpurple-section {
	background-color: #dbd8df;
	padding-top: 50px;
	padding-bottom: 50px;
}

.section-margin {
	margin-bottom: 50px;
}

.large-text {
	font-size: 2rem;
}

.caps {
	text-transform: uppercase;
}

.relative {
	position: relative;
}

/* NAV ------------------------------------------ */



/* HOME ------------------------------------------ */

.popular-treatment {
	
	margin-bottom: 25px;
}

.popular-treatment-text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: rgba(0,0,0,0.5);
	height:20%;
	width: 100%;
	color: #fff;
}

.pop-treat-wrapper {
	position: relative;
}