#page-header #left-aside-toggle {
	display: block !important;
}

@media screen and (min-width: 60em) {

	#page-header #logo {
		width: 100%;
		bottom: 10px;
		text-align: center;
		-webkit-transform-origin: center;
		-ms-transform-origin: center;
		transform-origin: center;
	}
	
	#page-header #searchbox,
	#page-header #main-navigation {
		display: none;
	}
	
	.page-aside {
		display: block;
		width: 400px;
	}

	#aside-left {
		left: -400px;
	}

	#aside-right {
		right: -400px;
	}

	#page.aside-left-open {
		left: 400px;
	}

	#page.aside-right-open {
		right: 400px;
	}

	.csstransforms3d.csstransitions #aside-left {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}

	.csstransforms3d.csstransitions #aside-right {
		right: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		-ms-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}

	.csstransforms3d.csstransitions #page {
		left: 0 !important;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform 300ms ease;
		transition: transform 300ms ease;
	}

	.csstransforms3d.csstransitions #page.aside-left-open {
		-webkit-transform: translate3d(400px, 0, 0);
		-ms-transform: translate3d(400px, 0, 0);
		transform: translate3d(400px, 0, 0);
	}

	.csstransforms3d.csstransitions #page.aside-right-open {
		-webkit-transform: translate3d(-400px, 0, 0);
		-ms-transform: translate3d(-400px, 0, 0);
		transform: translate3d(-400px, 0, 0);
	}

	.aside-content {
		padding: 40px;
	}
}