#menu-icon {
    display: none;
}

@media screen and (max-width: 700px) {
    html, body {
	-ms-overflow-style: none;
	scrollbar-width: none;
	overflow-y: scroll;
    }
    
    body::-webkit-scrollbar {
	display: none;
    }
    
    #menu-icon {
	color: grey;
	border-radius: 3px;
	font-size: 18px;
	padding: 5px;
	display: inline;
	cursor: pointer;
	/*position: absolute;
	right: 8px;
	top: 4px; */
	margin-top: 4px;
	float: right;
    }
    
    #menu-icon i {
	display: block;
    }
    
    .mobile-inactive {
	display: none;
    }
    
    .mobile-active {
	background: #f4f4f4;
	position: absolute;
	text-align: center;
	top: 36px;
	left: 0;
	width: 100%;
	opacity: 0.9;
    }
    
    .mobile-active li {
	display: block;
	border-bottom: 1px solid lightgrey;
    }
    
    #wrapper {
	width: 90%;
    }
    
    main {
	width: 100%;
	/*padding: 0 10px;*/
	padding-bottom: 1em;
	margin-bottom: 1em;
    }
    
    #sidebar {
	width: 100%;
    }
}