.sidebar{margin:0;padding:0;width:200px;background-color:#f1f1f1;position:fixed;height:100%;overflow:auto;top:83px}.sidebar a{display:block;color:#000;padding:16px;text-decoration:none}.sidebar a.active{background-color:#04aa6d;color:#fff}.sidebar a:hover:not(.active){background-color:#555;color:#fff}div.content{margin-left:200px;padding:1px 16px;height:1000px}@media screen and (max-width:700px){.sidebar{width:100%;height:auto;position:relative}.sidebar a{float:left}div.content{margin-left:0}}@media screen and (max-width:400px){.sidebar a{text-align:center;float:none}}