.sidebar{margin:0;padding:0;width:200px;background-color:#f0f2f4;position:fixed;height:100%;overflow:auto}.sidebar a{display:block;color:#000;padding:16px;text-decoration:none}.sidebar a.active{background-color:#065885;color:#fff}.sidebar a:hover:not(.active){background-color:#555;color:#fff}div.content{margin-left:200px;padding:1px 8px;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}}