@media (min-width: 800px) {
    #flex { display: flex; flex-wrap: wrap; justify-content: center; }
    #flex > div:nth-of-type(1) {padding: 1em 2em; max-width: 60em; }
    #flex > div:nth-of-type(2) { width: 15em; padding: 1em; }

    #side-nav > .nav-fixed  {
	position:fixed;
	min-width: 10em; max-width: 15em;
	margin-top: 1em; padding: 0.5em;
    }
    
}

@media (max-width: 799px) {
    #flex > div:nth-of-type(1) { margin: 0 2em; }
    #flex > div:nth-of-type(2) { display: none; }
}