*{margin:0;padding:0}a{text-decoration:none}.fixed-menu{position:fixed;top:0;height:60px;z-index:1}nav{position:relative;bottom:0;width:100%;height:20px;background:#eceefd}nav li{display:inline-block;padding:19px 12px;text-align:center;width:23%;height:20px;background-color:#eceefd}#content1 li.active{border-bottom:4px solid #f04e45;border-bottom-style:inset}#content1 li.active a{color:#f04e45 !important}nav li a{line-height:20px;color:#151b42;background-color:#eceefd;font-size:17px;font-weight:bold}#content1{background:#60c4af}#content1 p{padding-top:200px}#content2{background:#ebbd21}#content2 p{padding-top:100px;color:green}#content3{background:#e89766}@media only screen and (max-width:520px){nav li{padding:24px 4px}nav li a{font-size:14px}}