#overlaynav ul li,#overlaynav ul li a{display:inline-block;}
.btn-close:after,.btn-open:after{font-family:FontAwesome;}
#overlaynav,#overlaynav ul,.wrap{text-align:center;}
#overlaynav ul li a,.btn-close:after,.btn-open:after,.social-icon,.wrap ul.wrap-nav li a{transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}
#overlaynav{width:100%; position:relative; height:auto; overflow:hidden; background:0;}
#overlaynav ul li a{color:#333333; padding:1em 3em; text-decoration:none; border-bottom:2px solid #FFFFFF; font-size:16px;}
#overlaynav ul li a:hover{color:#34b484;}
#overlaynav #header_res span.HRspan-icons{float:left; position:relative; left:10px; right:0;}
.button{display:inline; position:absolute; left:10px; top:10px; z-index:999; font-size:36px; width:10%;}
.button a{text-decoration:none!important;}
.btn-open:after{color:#ECAB35; content:"\f0c9";}
.btn-open:hover:after{color:#ECAB35;}
.btn-close:after{color:#ECAB35; content:"\f00d";}
.btn-close:hover:after{color:#ECAB35;}
a.book-now, a.book-now:link, a.book-now:active, a.book-now:visited {width: 100px; height: auto; color: #FFFFFF; background: #FFBA00; margin: 0; padding: 0; position: absolute; top: 12px; right: 10px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; font-family: 'Source Sans Pro', sans-serif; font-size: 13px; color:#FFFFFF; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 36px;}
#overlay{display:none; position:fixed; top:0; height:100%; width:100%; background:#1D2935; overflow:auto; z-index:99; -webkit-overflow-scrolling: touch;}
.wrap{color:#E9E9E9; width:100%; margin:0 auto;}
.wrap ul.wrap-nav{text-transform: uppercase; padding:65px 0 100px;}
.wrap ul.wrap-nav li{font-size:18px; display:inline-block; vertical-align:top; width:24%; position:relative;}
.wrap ul.wrap-nav li a{font-family: 'Source Sans Pro', sans-serif; color:#FFFFFF; font-weight: 400; text-align: left; display:block; padding:8px 0; text-decoration:none; text-transform: capitalize;}
.wrap ul.wrap-nav li a:hover{color:#FFFFFF;}
.wrap ul.wrap-nav ul{padding:0;}
.wrap ul.wrap-nav ul li{display:block; font-size:13px; width:100%; color:#FFFFFF;}
.wrap ul.wrap-nav ul li a{color:#FFFFFF;}
.wrap ul.wrap-nav ul li a:hover{color:#FFFFFF;}
.overlay-contact {width: 90%; height: auto; margin: 15px 0 0 0; padding: 0 5%; float: left;}
.overlay-contact ul {margin: 0; padding: 0;}
.overlay-contact li {font-family: 'Source Sans Pro', sans-serif; color: #FFFFFF; font-size: 14px; font-weight: 400; text-align: left; list-style: none; margin: 0 0 10px 0;}
.overlay-contact li span {color: #FFB800;}
.overlay-contact li a, .overlay-contact li a:link, .overlay-contact li a:active, .overlay-contact li a:visited {font-family: 'Source Sans Pro', sans-serif; color: #FFFFFF; font-size: 14px; font-weight: 400; text-align: left; text-decoration: none; text-transform: none;}

@media screen and (max-width:80em){
html, body {height: 100%;}
.wrap ul.wrap-nav>li:nth-child(1) {border-top: 1px solid #11181F;}
.wrap ul.wrap-nav>li{width:90%; padding:5px 5%; border-bottom: 1px solid #11181F;}
.wrap ul.wrap-nav>li:hover {background: #11181F;}
.wrap ul.wrap-nav{margin: 0; padding:60px 0 0;}
#overlaynav ul{margin:0; padding:0; opacity:0; visibility:hidden;}
}
@media only screen and (min-width:0px) and (max-width:479px) { 
#overlay {position: absolute; height: auto; padding: 0 0 25px 0;}
#overlaynav {position: absolute;}
.button {width: 40px; text-align: right; top: 20px; left: initial; right: 15px;}
.wrap ul.wrap-nav {padding: 80px 0 0 0;}
}
	
@media only screen and (min-width:480px) and (max-width:767px) {
#overlay {position: absolute; height: auto;}
#overlay {position: absolute;}
#overlaynav {position: absolute;}
.overlay-contact {padding: 0 5% 25px 5%;}
.button {width: 40px; text-align: right; top: 20px; left: initial; right: 15px;}
.wrap ul.wrap-nav {padding: 80px 0 0 0;}
}
@media only screen and (min-width:768px) and (max-width:1023px) {
#overlay {position: absolute; height: auto;}
#overlay {position: absolute;}
#overlaynav {position: absolute;}
.overlay-contact {padding: 0 5% 25px 5%;}
.button {width: 40px; text-align: right; top: 20px; left: initial; right: 15px;}
.wrap ul.wrap-nav {padding: 80px 0 0 0;}
}