/* Fallback responsive rules for static copy without DLE min CSS bundle */

@media only screen and (max-width: 1100px) {
	#root-border {
		width: auto;
		margin: 0;
		padding: 0;
	}

	#root-container {
		padding: 18px 0;
	}

	.content-width,
	.columns-content-width {
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}

	#header-container {
		min-height: 0;
		margin-bottom: 20px;
	}

	#logo-wrapper,
	#menu-wrapper {
		position: static;
	}

	#logo {
		text-align: center;
		margin-bottom: 10px;
	}

	#logo img {
		max-width: 240px;
		height: auto;
	}

	.menu-column {
		display: none;
	}

	#mobile-menu {
		display: block;
		margin-top: 12px;
	}

	#mobile-menu > ul {
		width: 100%;
	}

	#content-container blockquote.left,
	#content-container blockquote.right {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 640px) {
	#content-container .columns,
	#footer-content .columns {
		padding-left: 0;
		padding-right: 0;
	}

	#content-container h1 {
		font-size: 22px;
	}

	#content-container h2,
	#content-container h3 {
		font-size: 19px;
	}
}