.header {
margin-top: 2rem;
}



.header .menu {
text-transform: uppercase;
font-size: 1rem;
letter-spacing: .1rem;
text-align: right;
margin-top: 0;
color: #666;
}
@media(min-width:768px){
.header .menu {margin-top: 2rem;font-size: .8rem;}
}
@media(min-width:992px){
.header .menu {margin-top: 2.5rem;}
}

.hamburger {
cursor: pointer;
-webkit-tap-highlight-color: transparent;
transition: transform 400ms;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
width: 3rem;
display: inline-block;
z-index: 30;
}
@media(min-width:768px){.hamburger{display: none;}}

.hamburger.active {
transform: rotate(45deg);
position: absolute;
top: 0;
right: 15px;
}

.hamburger .line {
fill:none;
transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
stroke:#666;
stroke-width:5.5;
stroke-linecap:square;
}

.hamburger .top {stroke-dasharray: 40 139;}
.hamburger .bottom {stroke-dasharray: 40 180;}
.hamburger.active .top {stroke-dashoffset: -98px;}
.hamburger.active .bottom {stroke-dashoffset: -138px;}




@media(max-width:767px){
.main-nav  {
display: block;
position: fixed;
top: 0;
right: -240px;
height: 100%;
width: 240px;
box-sizing: border-box;
background-color: #eee;
text-align: left;
padding: 5rem 3rem .5rem .5rem;
margin: 0;
transition: right .5s;
z-index: 2;
-webkit-transform: translateZ(0);
-webkit-backface-visibility: hidden;
}

.main-nav > ul  {
list-style: none;
z-index: 2;
margin: 0;
padding: 0;
display: block;
}

.main-nav > ul > li {
margin: 0 0 0 2rem;
padding: .8rem 0;
display: block;
position: relative;

}

.main-nav > ul > li > a {
display: inline-block;
color: #666;
transition: all 0.4s ease;
position: relative;
text-decoration: none;
}

.main-nav > ul > li > a:after {
content: "";
width: 100%;
height: 2px;
background: #666;
position: absolute;
left: 0;
top: 40%;
margin-top: .75rem;
opacity: 0; 
filter: alpha(opacity=0); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: all 0.3s ease;
}

.main-nav > ul > li:hover > a:after, 
.main-nav > ul > li.current-menu-item > a:after { 
opacity: 1; 
filter: alpha(opacity=100); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 55%;
}



.hamburger.active ~ .main-nav {
right: 0;
}
}


@media(min-width:768px){
.main-nav{
display: inline-block;
}

.main-nav ul {
list-style: none;
z-index: 2;
margin: 0;
padding: 0;
display: inline-block;
}

.main-nav > ul > li {
margin: 0 0 0 1rem;
padding: 0;
display: inline-block;
position: relative;
}

.main-nav > ul > li:first-child {margin: 0; }

.main-nav > ul > li > a {
display: inline-block;
color: #666;
transition: all 0.4s ease;
padding: .8rem 0;
position: relative;
text-decoration: none;
}

.main-nav > ul > li > a:after {
content: "";
width: 100%;
height: 2px;
background: #666;
position: absolute;
left: 0;
top: 40%;
margin-top: .75rem;
opacity: 0; 
filter: alpha(opacity=0); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: all 0.3s ease;
}

.main-nav > ul > li:hover > a:after, 
.main-nav > ul > li.current-menu-item > a:after { 
opacity: 1; 
filter: alpha(opacity=100); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 55%;
}

}


.footer {
margin-top: 2rem;
padding: 2rem 0 4rem;
background-color: #f5f5f5;
font-size: .667rem;
color: #aeaeae;
}


.contact-nav{
display: inline-block;
text-align: right;
}
@media(max-width:767px) {
  .contact-nav {text-align: center;}
}


.contact-nav ul {
list-style: none;
z-index: 2;
margin: 0;
padding: 0;
display: inline-block;
}

.contact-nav > ul > li {
margin: 0 0 0 1rem;
padding: 0 0 .8rem 0;
display: inline-block;
position: relative;
}

.contact-nav > ul > li:first-child {margin: 0; }

.contact-nav > ul > li > a {
display: inline-block;
color: #666;
transition: all 0.4s ease;
position: relative;
text-decoration: none;
}

.contact-nav > ul > li > a:after {
content: "";
width: 100%;
height: 2px;
background: #666;
position: absolute;
left: 0;
top: 40%;
margin-top: .75rem;
opacity: 0; 
filter: alpha(opacity=0); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transition: all 0.3s ease;
}

.contact-nav > ul > li:hover > a:after, 
.contact-nav > ul > li.current-menu-item > a:after { 
opacity: 1; 
filter: alpha(opacity=100); 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
top: 55%;
}

#heart {
fill: #f8951d;
width: .667rem;
height: .667rem;
margin-right:.4rem;
}