.main-navbar{background-color:teal;height:63px;position:fixed}.main-navbar a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.main-navbar ul{margin:0;list-style:none}.main-navbar a:hover{background-color:#ddd;color:#000}.side-nav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;background-color:#111;opacity:.9;overflow-x:hidden;padding-top:60px;transition:.5s}.side-nav a{padding:10px 10px 10px 30px;text-decoration:none;font-size:22px;color:#ccc;display:block;transition:.3s}.side-nav a:hover{color:teal}.side-nav .btn-close{position:absolute;top:0;right:22px;font-size:36px;margin-left:50px}#main-container{transition:margin-left .5s;padding:20px;overflow:hidden;width:100%;position:relative;min-height:100%}@media (max-width:568px){.navbar-nav{display:none}}