#menubtn{
	position: fixed;
	top: 12px;
	right: 15px;
	z-index: 100;
	color:red;
	font-size: 39px;
}
#menubtn.menuactive {
	color: white;
}
#sidebar{
	font-family: 'Francois One', sans-serif;
	font-size: 30px;
	position:fixed;
	top:0;
	right:-600px;
	background: red;
	width:90%;
	/*max-width:100px;*/
	max-width:100px;
	padding:5%;
	height:100%;
	z-index:50;
}
#sidebar.menuactive {
    right:0px;
    opacity: 0.95;
}
#sidebar ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar ul li {
	margin-bottom:10px;
}
#sidebar ul li a{
	opacity:1;
	transition: 0.2s ease-out;
	color:#fff;
	font-weight: 800;
	text-decoration: none;
}
#sidebar ul li a:hover{
	opacity:0.6;
}

@media screen and (orientation:portrait) {

	#sidebar{
		padding:10%;
	}
	#sidebar ul {
		padding-top:30px;
    }
    
    /*
	#menu ul li a img{
		height:20px;
    }
    */


}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

}