@media screen and (max-width: 680px) {
	nav.main ul li {
		display: table-cell;
	}

	nav.main {
		width: 100%;
	}

	nav.main ul li li {
		display: initial;
	}

	main, div.container {
		width: 100%;
		border-left: none;
		margin-top: 40px;
	}

	div.container {
		margin-top: 0px;
	}

		/*main img {
			width: 100% !important;
			height: auto !important;
		}

		main .small-image {
			width: 16px !important;
		}*/

	.desktop {
		display: none;
	}

	.handheld {
		display: block;
	}

	ul li ul {
		display: none;
	}

	.large-4 {
		padding-top: 0px;
	}

	aside,
	main {
		float: initial;
	}

	body ul li {
		list-style-type: none;
	}

	body ul {
		margin-left: 0px;
	}

	main {	
   		padding-top: 100px;
	}

	aside {
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 0px;
		position: fixed;
		top: 0px;
		z-index: 100;
	}

		aside header {
			height: initial;
    		padding-top: 8px;
		}

			aside header img {
				margin-left: 20px;
				margin-bottom: 0px;
				width: 40px;
				height: auto;
			}
}