.nav ul li{line-height:2;display:inline-block;position:relative;text-decoration:none;border-right:1px solid transparent;border-left:1px solid transparent;box-sizing:border-box;text-align:center}.nav ul a,.nav ul span{color:var(--white);background-color:var(--mature-blue);display:block;border-radius:5px;padding:5px 0}.nav ul a:hover{color:var(--white);background-color:var(--deep-skyblue)}.nav ul li:hover ul{display:block}.nav ul ul{display:none;position:absolute}.nav ul ul li{z-index:9}.nav ul ul li a{font-size:85%;margin:1px 0 0 0}@media all and (min-width:0) and (max-width:320px){.nav ul li{width:42.5px}}@media all and (min-width:320px) and (max-width:345px){.nav ul li{width:45px}}@media all and (min-width:345px) and (max-width:360px){.nav ul li{width:48.5px}}@media all and (min-width:360px) and (max-width:375px){.nav ul li{width:50.5px}}@media all and (min-width:375px) and (max-width:390px){.nav ul li{width:53px}}@media all and (min-width:390px) and (max-width:411px){.nav ul li{width:55px}}@media all and (min-width:411px) and (max-width:428px){.nav ul li{width:58px}}@media all and (min-width:428px) and (max-width:455px){.nav ul li{width:60.5px}}@media all and (min-width:455px) and (max-width:480px){.nav ul li{width:64.5px}}@media all and (min-width:480px) and (max-width:515px){.nav ul li{width:68px}}@media all and (min-width:515px) and (max-width:550px){.nav ul li{width:73px}}@media all and (min-width:550px) and (max-width:600px){.nav ul li{width:78px}}@media all and (min-width:600px) and (max-width:640px){.nav ul li{width:85px}}@media all and (min-width:640px) and (max-width:720px){.nav ul li{width:85px}}@media all and (min-width:720px) and (max-width:800px){.nav ul li{width:85px}}@media all and (min-width:800px) and (max-width:850px){.nav ul li{width:85px}}@media all and (min-width:850px){.nav ul li{width:85px}}