nav{background-color:var(--main-blue);color:#fff;width:100%;padding:20px}nav ul{text-align:center;margin:0;padding:0;list-style-type:none}nav ul li{margin:0 10px;display:inline-block}nav ul a{color:var(--light-grey);text-decoration:none}nav ul a:hover{color:#fff}#menu-toggle{cursor:pointer;color:var(--light-grey);display:none}#menu-toggle:hover{color:#fff}@media (width>=320px) and (width<=767px){nav ul{text-align:left;display:none}nav ul li{margin:10px 0;display:block}#menu-toggle{display:inline}}