@charset "UTF-8";
body {
	color: black;
}
.wrapper {
	background-color: #0E0E0E;
	width: 100%;
	max-width: none;
	overflow: auto;
}
.container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	clear: both;
	overflow: auto;
}
#headerwrapper {
	background-color: white;
	padding: 2em 0;
	text-align: center;
}
#logo {
	margin: 0;
	width: 33.33%;
	float: left;
}
#logo img {
	max-height: 3em;
	display: block;
}
#centrelogo {
	margin: 0;
	width: 33.33%;
	float: left;
}
#centrelogo img {
	max-height: 3em;
	display: block;
}
#contactinfo {
	margin: 0;
	width: 33.33%;
	color: black;
	font-weight: lighter;
	line-height: 3em;
	text-align: center;
	float: left;
}
#contactinfo a {
	color: black;
	font-size: 20px;
}
#navwrapper .container {
	width: 80%;
}
.cover {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 300px;
	object-fit: contain, cover;
}
#intro {
	padding: 4%;
	text-align: left;
}
#intro h1 {
	margin: 0;
	font-family: 'Playfair Display';
	font-style: italic;
	text-align: left;
}
#intro p {
	margin-bottom: 0;
	color: #AFAFAF;
	font-size: 21px;
	font-style: italic;
	text-align: left;
}
#mainwrapper {
	padding: 3em 0;
}
#main {
	padding-right: 10%;
	padding-left: 10%;
	color: #afafaf;
}
#main h1 {
	margin-top: 0;
	margin-bottom: 0;
}
#main h2 {
	margin-top: 0;
	margin-bottom: 0;
}
#main p {
	font-size: 17px;
	text-align: center;
}
#main p:last-of-type {
	margin-bottom: 0;
}
#main a {
	font-size: 17px;
	text-align: center;
}
#main table {
	width: 60%;
	margin: 0 auto;
	margin-top: 2em;
	margin-bottom: 2em;
	font-size: 17px;
	text-align: left;
}
#main th {
	height: 60px;
	color: #ebebeb;
	font-size: 20px;
	font-weight: normal;
}
#main th:nth-child(2) {
	text-align: right;
}
#main td:nth-child(2) {
	padding: 0;
	text-align: right;
}
.one-half {
	width: 50%;
	float: left;
}
.sitemap {
  list-style: none;
  padding-left: 0;
  text-align: center;
}
.sitemap li {
  padding: 5px;
  padding-left: 0;
}
iframe {
	border: none;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */
	-webkit-backface-visibility: hidden; /* Fix for transition flickering */
	display: block;
}
.salon-detail {
	margin: 3em 0;
	color: #AFAFAF;
	text-align: center;
	overflow: auto;
}
.salon-detail h2 {
	margin: 0;
}
.salon-detail p:last-of-type {
	margin-bottom: 0;
}
.loreal {
	margin: 3em auto;
	height: 3em;
	display: block;
}
#footerwrapper {
	padding-bottom: 3em;
}
.footerlinks {
	margin-bottom: 2em;
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	color: white;
}
.footerlinks a {
	padding-right: 2em;
	color: #afafaf;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	line-height: normal;
}
.footerlinks a:last-of-type {
	padding-right: 0;
}
footer p {
	color: #AFAFAF;
	margin: 0;
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
}

/* Tablet view */
@media screen and (max-width:769px) {

#logo {
	width: 100%;
	margin-bottom: 2em;
}
#centrelogo {
	width: 100%;
	margin-bottom: 2em;
}
#contactinfo {
	width: 100%;
}
#cover {
	height: 240px;
}
#intro h1 {
	text-align: center;
}
#intro p {
	color: #AFAFAF;
	font-weight: lighter;
	text-align: center;
}
h1 {
	font-size: 24px !important;
}
h2 {
	font-size: 22px !important;
}
#main table {
	width: 80%;
}
.salon-detail .one-half:first-of-type {
	margin-bottom: 2em;
}
.one-half {
	width: 100%;
	padding: 0;
}
}

/* Mobile view */
@media screen and (max-width:480px) {

html {
	line-height: 1.4;
}
#headerwrapper {
	padding: 1.5em 0;
}
#logo {
	display: none;
}
#contactinfo {
	font-weight: normal;
}
#main {
	padding: 0;
}
#main table {
	width: 90%;
}
}