#guidelines {
	background: #445c6f;
}

#guidelines .item {
	padding-left: 20px;
	display: block !important;
}

#guidelines:before {
	background: #384e5f;
	padding: 20px;
}

#guidelines:after {
	content: 'API Reference';
	display: block;
	color: #fff;
	padding: 20px;
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 11px;
	font-weight: 700;
	background: #3a4147;
}

#resource_Guidelines {
	margin: 0;
	padding: 0;
}

#resource_Guidelines li {
	padding: 0 20px 20px;
}

#resource_Guidelines p {
	line-height: 1.7;
}

#resource_Guidelines h1 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 48px;
}

#resource_Guidelines h2 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 32px;
}

#resource_Guidelines h3 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 24px;
}

#resource_Guidelines h4 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 20px;
}

#resource_Guidelines h5 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 16px;
}

#resource_Guidelines h6 {
	margin: 20px 0;
	padding: 0;
	color: #333;
	float: none;
	display: block;
	line-height: 1;
	font-weight: 200;
	font-size: 14px;
}

#resource_Guidelines li:first-child {
	margin-top: 0;
}

@media (min-width: 992px) {
	#resource_Guidelines li {
		min-height: 100vh;
        padding: 20px;
	}
	
	#resource_Guidelines li .content {
		max-width: 850px;
		margin: 0 20px;
	}

	#resource_Guidelines li + li {
		border-top: 1px solid rgba(0, 0, 0, .08);
	}
	
	#guidelines {
		background: none;
	}

	#guidelines:before {
		display: block;
		padding: 20px;
		text-transform: uppercase;
		letter-spacing: .08em;
		font-weight: 700;
		color: #5c666f;
		font-size: 13px;
		background: none;
		padding-bottom: 10px;
	}
	
	#guidelines:after {
		color: #5c666f;
		font-size: 13px;
		background: none;
		padding-bottom: 10px;
	}
}

#guidelines:empty:before {
	display: none;
}

ul.version-select {
	display: block;
	position: relative;
	padding: 20px;
	text-align: right;
	background: #fff;
	margin: 0;
}

@media (min-width: 992px) {
	ul.version-select {
		background: none;
	}
}

ul.version-select:before {
	content: 'Version';
	display: block;
	position: absolute;
	/*left: 0;
	top: 7px;*/
	top: calc(50% - 8px);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: 12px;
}

ul.version-select li {
	display: inline-block;
	background: #f3f3f4;
	margin: 0;
	border: 1px solid #5c666f;
	border-left-width: 0;
	border-right-width: 0;
}

ul.version-select li a, ul.version-select li a:active, ul.version-select li a:visited, ul.version-select li a:hover {
	padding: 5px 10px;
	color: #5c666f;
	display: inline-block;
}	
	
ul.version-select li:first-child {
	border-radius: 4px 0 0 4px;
	border-left-width: 1px;
}

ul.version-select li:last-child {
	border-radius: 0 4px 4px 0;
	border-right-width: 1px;
}

ul.version-select li.active a {
	background: #5c666f;
	color: #fff;
	cursor: default;
	font-weight: 600;
	pointer-events: none;
}