nav {
      background-color: #FF7F27;
      height: 80px;
      margin-bottom: 10px;
    }
    #logo{
      border: 10px solid #FF7F27;
    }
    .menu {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 5px;
    }

    .menu-logo {
      color: white;
      font-size: 20px;
    }

    .menu-toggle {
      display: none;
      font-size: 26px;
      color: white;
      cursor: pointer;
    }
    ul{position:relative;top: -60px;z-index: 10;}
    ul.menu-items,
    ul.menu-items li,
    ul.menu-items li ul,
    ul.menu-items li ul li {
      list-style: none;
      margin: 0;
      padding: 0;
    }

    ul.menu-items {
      display: flex;
    }

    ul.menu-items li {
      position: relative;
    }

    ul.menu-items li a {
      color: white;
      text-decoration: none;
      padding: 14px 20px;
      display: block;
      transition: background-color 0.3s;
    }

    ul.menu-items li a:hover {
      background-color: #b34900;
    }

    ul.menu-items li ul {
      position: absolute;
      background-color: #cb5300;
      top: 100%;
      left: 0;
      min-width: 160px;
      display: none;
      z-index: 999;
    }

    ul.menu-items li:hover > ul {
      display: block;
    }

    ul.menu-items li ul li a {
      padding: 10px 16px;
    }

    ul.menu-items li ul li a:hover {
      background-color: #b34900;
    }

    .submenu-toggle {
      display: none;
      cursor: pointer;
      color: white;
      padding: 14px 20px;
      user-select: none;
    }
  @media (max-width:920px) {
   #logo{ width: 100px;}
}