.ha-waypoint p {
visibility: hidden;
padding: 0;
width: 0;
height: 0;
line-height: 0;
}

.ha-header {
position: fixed;
top: 0;
left: 0;
padding: 0;
width: 100%;
background: rgba(22, 58, 47, 0.7);
z-index: 50;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ha-header:hover {
background: rgba(10, 36, 29, 0.8);
}
.ha-header img,
.ha-header img::before,
.ha-header nav,
.ha-header nav::before {
display: inline-block;
vertical-align: middle;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ha-header img::before,
.ha-header nav::before {
content: '';
height: 100%;
}

.ha-header img {
height: 38px;
font-size: 2.0em;
margin: 0 1em 0 0;
padding: 0 1em 0 0;
z-index: 1;
cursor: pointer;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

.ha-header nav a {
display: inline-block;
text-transform: uppercase;
font-weight: 400;
padding: 0.3em 0.5em;
margin: 0 0.2em 0;
font-size: 1.2em;
color: #ffffff;
cursor: pointer;
outline: none;
text-decoration: none;
border-bottom: 0px solid transparent;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.ha-header nav a:hover {
color: #dcafaa;
border-bottom: 1px solid #e69f97;
}
.ha-header nav .on {
border-bottom: 1px solid #ffffff;
}

.ha-header-large {
background: rgba(22, 58, 47, 0.4);
height: 100px;
}
.ha-header-large nav {
height: 100px;
}
.ha-header-large img {
height: 46px;
}

.ha-header-small {
height: 50px;
}
.ha-header-small nav {
height: 50px;
}

.ha-header-hide {
height: 50px;
background: rgba(255, 255, 255, 0);	
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
transform: translateY(-100%);
}