.topnav{background-color:#f6f2ef;overflow:hidden}.topnav a{float:left;display:block;color:#444;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.logo{margin-right:300px;display:block}.topnav .logo:hover{background-color:inherit}.active{color:#444}.topnav .icon{display:none}.dropdown{float:left;overflow:hidden}.dropdown .dropbtn{font-size:17px;border:none;outline:none;color:#444;padding:14px 16px;background-color:inherit;font-family:inherit;margin:0}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgb(0 0 0 / .2);z-index:1}.dropdown-content a{float:none;color:#000;padding:12px 16px;text-decoration:none;display:block;text-align:left}.topnav a:hover,.dropdown:hover .dropbtn{background-color:#555;color:#fff}.dropdown-content a:hover{background-color:#ddd;color:#000}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:1600px){.topnav{width:100%}.logo{margin-right:100px}.topnav a{font-size:17px}}@media screen and (max-width:1200px){.topnav{width:100%}.logo{margin-right:100px}.topnav a,.dropdown .dropbtn{font-size:17px}}@media screen and (max-width:1000px){.topnav{width:100%}.logo{margin-right:50px}}@media screen and (max-width:900px){.topnav{display:flex;justify-content:center;width:100%}.logo{margin-right:0}}@media screen and (max-width:600px){.topnav{display:block;width:100%}.logo{margin-right:0;display:none}.topnav a:not(:first-child),.dropdown .dropbtn{display:none}.topnav a.icon{float:right;display:block}}@media screen and (max-width:600px){.topnav.responsive{position:relative}.topnav.responsive a.icon{position:absolute;right:0;top:0}.topnav.responsive a{float:none;display:block;text-align:left}.topnav.responsive .dropdown{float:none}.topnav.responsive .dropdown-content{position:relative}.topnav.responsive .dropdown .dropbtn{display:block;width:100%;text-align:left}}