@media (min-width: 830px) {
    #wrapper {
        display: grid !important;
        grid-template-columns: minmax(185px, max-content) 3fr minmax(200px, 1fr);
        grid-template-rows: minmax(max-content, 30px) repeat(3, auto);

        overflow-y: hidden;
        & header {
            padding: 0 1rem;
            justify-content: space-between;

            & #hamburger {
                display: none;
            }
            & nav {
                position: initial;
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-around;
                background: none;
                padding: 0;
                width: initial;
            }
            & a, .login-button {height: max-content; background: none; padding: .5rem .5rem 0 .5rem}
        }
        & #sidebar {
            display: grid;
            grid-column-start: 1;
            grid-column-end: span 1;
            grid-row-start: 2;
            max-width: 14rem;
        }
        & main {
            overflow-y: scroll;
            grid-column-start: 2;
            grid-row-start: 2;
            display: grid;
            grid-template-columns: 3fr 1fr;

            & #content {
                grid-template-columns: 3fr 1fr;
                grid-gap: .5em;

                & p {grid-column-end: span 1;}
                & .content-full {grid-column-end: span 2;}
                & .content-right-note {grid-column: 2;}
                
            }
            & .content-image-description {
                grid-column-end: span 3;
            }
        }
        
    }
}