/* MQ for large screens */
@media (min-width: 600px) {

    #wrapper {
      width: 95%;

      & header {
        & #designnav {
            position: initial;
            inset: initial;
          display: flex;
          flex-direction: row;
          justify-content: flex-end;
          align-items: center;
          gap: 1rem;
          padding: 0 1rem;
          background: none;
        
          & .navbutton {
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 2rem;
            flex-basis: auto;
            padding: .5rem;
            background: #fffa;
            
            color: #333;
            border-radius: .5rem;
          }
        }
        & #hamburger {display: none;}
      }
    }

    
    main {
      display: grid;
    &  #panel {
        padding-left: .5rem;
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: 1;
      }

     & #content {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
      }
    }
    footer {
      grid-row-start: 3
    }
  }