.menuslide {
	display: none;
	background: #4c6071;
	position: fixed;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
  	-o-transition: all 0.3s ease;
	width: 210px;
	height: auto;
	top: 0;
	right: 0;
	z-index: 100;
}
.menuslide h3 {
	font-family: 'Corbel', sans-serif;
	color: #fff;
	font-size: 1.9em;
	padding: 1em 1em 1em .5em;
	margin: 0;
	font-weight: bold;
	background: #e16b5b;
	height: 84px;
}
.menuslide li {
	list-style-image: none;
    list-style-type: none;
	display: block;
	border-bottom: 1px solid #fff;
    padding-top: .6em;
    padding-right: .8em;
    padding-left: 1em;
    padding-bottom: .6em;
}
.menuslide li:hover {
	background: #f8f8f8!important;
	color: #e16b5b!important;
}
.menuslide a, .menuslide a:active, .menuslide a:visited {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff!important;
    font-size: 1.1em;
    font-weight: 400;
    text-decoration: none;
}
.menuslide a:hover {
	color: #e16b5b!important;
}
.closebtn {
    position: absolute;
    top: 15px;
    right: 15px;
    outline: 0;
	border: 0;
	cursor: pointer;
    margin-left: 50px;
}
@media screen and (max-height: 450px) {
  .menuslide {padding-top: 8px;}
  .menuslide a {font-size: 18px;}
}