@media (min-width:750px) {
	.cn {
		width: 100%;
		padding: 0 0.5em 0.5em 0.5em;
	}
	table {
		display: table;
	}
}

@media (min-width:768px) {
	.cn {
		width: 100%;
		padding: 0 40px 2em 40px;

	}
	#full-toc {
		display: block
	}
	#mobile-toc {
		display: none
	}
	.c3,
	.c4,
	.c6,
	.c8,
	.c9,
	.c12 {
		float: left
	}
	.c12 {
		width: 100%
	}
	.c9 {
		width: 75%
	}
	.c6 {
		width: 50%
	}
	.c8 {
		width: 80%
	}
	.c4 {
		width: 33.33333333333333%
	}
	.c3 {
		width: 25%
	}
	.co1 {
		margin-left: 8.333333333333332%
	}
	.select-next {
		min-height: 300px
	}
}

@media (min-width:940px) {
	.cn {
		width: 100%;
	}
}

@media (min-width:1120px) {
	.cn {
		width: 1100px
	}
}

.row {
	margin-right: -15px;
	margin-left: -15px
}

@media (max-width:767px) {
	#full-toc {
		display: none
	}
	.desktop-only {
		display: none
	}
	/*
	pre {
		/overflow-wrap: normal;
		word-wrap: normal;
		word-break: keep-all
	}
	*/
	.hd {
		padding: 8px 0 10px;
		margin: 0
	}
	.hdt a,
	.hdt a:hover {
		font-size: 2em;
	}
	h1#title {
		font-size: 1.8em;
	}
	h1 {
		font-size: 1.6em;
	}
	h2 {
		font-size: 1.4em;
	}
	h3 {
		font-size: 1.2em;
	}
	img#db {
		height: 26px;
		width: 26px
	}
	img.blog {
		max-height: 200px;
		height: 100%;
    	width: auto;
	}
	/*
	pre {
		font-size: 60%
	}
	*/
}

@media (min-width:1140px) {
	.select-next {
		min-height: 220px
	}
}