.opensummer {
	padding: 20px;
	color: #fff;
	max-width: 960px;
	margin: auto;
	border: 1px solid #ffc30d;
}

@media (max-width: 600px) {
	.slideout-menu {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 256px;
		-webkit-overflow-scrolling: touch;
	}

	.slideout-panel {
		position: relative;
		width: 100%;
		margin-top: 0px;
	}

	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		box-shadow: 0px 10px 5px #000;
		padding: 0;
		margin-top: 0px;
	}

	slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel #top {
		margin-top: 0px;
	}

	.slideout-open .slideout-menu {
		display: block;
	}
}

@media (min-width: 601px) and (max-width:1024px) {
	.slideout-menu {
		position: fixed;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		z-index: 0;
		width: 256px;
		background-color: #2C2C2C;
		-webkit-overflow-scrolling: touch;
	}

	.slideout-panel {
		position: relative;
		width: 100%;
		margin-top: 0px;
	}

	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		box-shadow: 0px 10px 5px #000;
		padding: 0;
		margin-top: 0px;
	}

	slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel #top {
		margin-top: 0px;
	}

	.slideout-open .slideout-menu {
		display: block;
	}
}

@media (min-width: 1025px) {
	.slideout-menu {
		width: 100%;
	}

}