/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    nav {
      position: absolute;
      top: 15px;
      left: 50%;
      transform: translateX(-50%);
      display: contents;
      border: 2px solid #EBECF1;
      border-radius: 30px;
      animation: slide-in 1s ease-out;
    }

#Menu_Wrapper    ul {
      position: relative;
      display: flex;
      flex: 1 1 auto;
      margin: 0;
      padding: 0 30px;
      list-style-type: none;
      li:not(:last-child) {
        margin-right: 40px;
      }
      li {
        border: 2px solid transparent;
        border-radius: 5px;
        padding: 5px;
        transition: background 0.2s;
        a {
          color: #FFFFFF;
          text-decoration: none;
          text-transform: uppercase;
          transition: color 0.2s;
        }
        ul {
          visibility: hidden;
          opacity: 0;
          position: absolute;
          display: block;
          margin: 12px -12px;
          padding: 0;
          background: #FFA91B;
          border: 2px solid #F7C833;
          border-right: 2px solid #F89329;
          border-bottom: 2px solid #F89329;
          border-radius: 5px;
          transition: opacity 0.2s, visibility 0.2s;
          li {
            margin: -2px 0 0 -2px;
            width: calc(100% - 20px);
            line-height: 1.7;
            a {
              color: #FFFFFF;
            }
          }
        }
        &:hover {
          /*
          background: #EC4138;
          border: 2px solid #F05749;
          border-right: 2px solid #E02A21;
          border-bottom: 2px solid #E02A21;
          */
          background: #aaa497;
          border: 2px solid #211d1d;
          border-right: 2px solid #000000;
          border-bottom: 2px solid #080807;
          
          a {
            color: #000000;
          }
          ul {
            visibility: visible;
            opacity: 1;
            box-shadow: 0px 3px 5px 2px #EBECF1;
            li {
              a {
                color: #000000;
              }
            }
          }
        }
      }
    }

    @keyframes slide-in {
      0% {
        top: -50px;
      }
      40% {
        top: 20px;
      }
      70% {
        top: 10px;
      }
      100% {
        top: 15px;
      }
    }
}