@media (min-width: 1200px) { 

	/**** Desktop view test **/
	body { 
		max-width: none;
	}

	header { 
		display: inline-block; 
		width: 250px; 
		margin: 1rem;
		vertical-align: top;
	}

	header h1 { 
		margin-top: 0;
	}



	section#mainContent { 
		display: inline-block; 
		width: calc(100% - 300px);
	}

	section#mainContent div#main { 
		min-height: calc(90vh);
	}

	nav a {
		/* structure */
		display: block;
		padding: .7rem 1rem;
		
		/* color & design */
		color: white;
		text-decoration: none;
		background-color: rgb(102, 102, 102);

	}

	nav a.first {
		border-radius: 15px 15px 0px 0;
	}

	nav a.last { 
		border-radius: 0 0 15px 15px;
	}

	nav a .nav-icon { 
		display: inline-block;
		width: 25px;
        margin-left: 10px;
	}

    nav span.navSectionHeader-desktop { 
        display: block;
        padding-left: 1rem;
        padding-top: 1rem;
        padding-bottom: 0.1rem;
        color: #ddd;
		font-size: 14px;

    }

    nav span.navSectionHeader-mobile { 
        display: none;
    }

	/*************************/
}