p,
ul.list-bullet,
figure {
	margin-bottom: 1em;
}
figcaption {
	margin-bottom: .3em;
}

code, pre {
	font-family: "Andale Mono", "Consolas", monospace;
}

code {
	border-radius: 2px;
	padding: 0 2px;
	background-color: #fedeb1;
	color: #272517;
	white-space: nowrap;
}
.css-class-example:before {
	content: '.';
}

pre {
	padding: 1em;
	overflow: auto;
}

.code-example {
	position: relative;
	padding-left: 25px;
	padding-left: 2.5rem;
}
.code-example:before {
	content: '\f121';
	font-size: 17px;
	font-size: 1.7rem;
	font-family: FontAwesome;
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	width: 1.7rem;
	text-align: center;
	background-color: #fff7d9;
	color: #fcac60;
}

@media screen and (min-width: 669px) {
	body {
		background-color: #f2f5f7;
	}
	#page {
		margin: 0 auto;
		background-color: #fff;
	}
}