body{font-family:Arial,sans-serif;margin:0;padding:0}nav{background-color:#028290;position:relative}.close-icon,.menu-icon{color:#fff;cursor:pointer;display:none;font-size:30px;padding:10px}.menu-icon{display:block}.close-icon{position:absolute;right:10px;top:10px}.menu{background-color:#028290;display:flex;justify-content:center;list-style-type:none;margin:0;padding:0}.menu li{padding-right:25px!important;text-align:center}.menu li a{color:#fff;font-weight:700;text-decoration:none}@media (max-width:768px){.menu-icon{display:block}.close-icon,.menu{display:none}.menu{background-color:#028290;box-shadow:-2px 0 5px rgba(0,0,0,.5);flex-direction:column;max-width:300px;overflow:hidden;position:fixed;right:0;text-align:center;top:0;width:80%;z-index:1000}.menu li{border-bottom:1px solid #fff;padding:15px}.menu li:last-child{border-bottom:none}.menu li a{color:#fff!important;font-weight:700;text-decoration:none}.menu.open{display:flex;height:auto;padding-bottom:20px}.close-icon.open{display:block}}