/* menuz */
#barit {
	float: left;
	margin: 9px 0 0;
}
.barit {
	clear: both;
	margin: 2px 1% 0;
	padding: 15px;
	text-align: center;
}
.barit span {
	display: block;
	clear: both;
	margin: 0px 0 3px;
	padding: 0;
	width: 18px;
	height: 2px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
	background: #D07EA7;
}
.barit.hide {
	margin-top: 7px;
}
.barit.hide span.bar1 {
	transform: rotate(45deg);
}
.barit.hide span.bar3 {
	transform: rotate(-45deg);
  	margin-top: -5.2px;
}
.barit.hide span.bar2 {
	display: none;
}
.contact li {
	float: left;
}
.contact li.get-directions {
	margin-left: 19px;
}
.contact li a.contact-us {
	margin-top: 9px;
}
.contact li a.contact-us span {
	display: block;
	float: left;
	margin: 3px 4px 0 0;
	height: 11.5px;
	overflow: hidden;
}
.contact li a.get-directions {
	margin-top: 9px;
}
.contact li a.get-directions span {
	display: block;
	float: left;
	margin: 2px 4px 0 0;
	height: 14.5px;
	overflow: hidden;
}
.contact li a {
	color: #D07EA7;
	display: block;
	padding: 6px 12px 6px;
	font-size: 1.5em;
	font-weight: normal;
	text-decoration: none;
}
.contact li:hover a {
	color: #A58495;
}
.contact li:hover a.contact-us span img {
	object-position: center -11.5px;
}
.contact li:hover a.get-directions span img {
	object-position: center -14.4px;
}
.bar {
	display: none;
	position: fixed;
	left: 0;
	max-width: 62vw;
	width: 375px;
	height: 100vh;
	margin: 0;
	padding: 75px 0 0;
	background-color: #FFFFFF;
	box-shadow: 0 0px 5px grey;
	z-index: 100;
}
/* Unless you know what you do, do not touch this */
nav {
	list-style: none;
	height: auto;
	margin: 0px;
	padding: 0px;
}
nav li {
	float: none;
	margin: 16px;
}
/* Styling the basic appearance of the menu elements */
nav li a {
	color: #D07EA7;
	display: block;
	padding: 16px 6px;
	font-size: 1.75em;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
nav li:hover a,
nav li a.menuactive {
	text-decoration: none;
	color: #A58495;
}
/* menuz */