nav{border-bottom:1px solid #ccc}nav ul{display:table;margin:0 auto;padding:0;width:100%;text-align:center}nav ul li{display:table-cell;min-width:50px;width:100px;border-right:1px solid #ccc}@media screen and (min-width:480px){nav ul li{font-size:1.5rem}}nav ul li:first-child{border-left:1px solid #ccc}nav ul li a{display:block;width:100%;padding:10px 0;text-decoration:none;color:#aaa}nav ul li a:hover{background-color:#f8e750;border-bottom:5px solid #f8e750}nav ul li.main{font-weight:700}nav ul li.main a{border-bottom:5px solid #00b0f0;color:#00b0f0}