.terms {
	background-color: #ffffff;
}

.terms h1 {
	text-align: left;
	color: #3280b3;
	font-weight: bold;
	margin-bottom: 34px;
}

.terms ol {
	counter-reset: item;
	margin: 4px 0;
	padding: 0;
}

.terms li {
	display: block;
	margin: 12px 0;
}

.terms li:before {
	content: counters(item, ".") "  ";
	counter-increment: item;
}

.terms li .item-title {
	display: inline-block;
	padding-left: 20px;
	width: 90%;
	vertical-align: top;
	text-decoration: underline;
}

.terms li .item-content {
	display: inline-block;
	padding-left: 20px;
	width: 90%;
	vertical-align: top;
}

.terms .terms-item > ol {
	margin-top: 12px;
}

.terms .terms-item > ol .title {
	text-decoration: underline;
	display: inline-block;
}

.terms .terms-item > ol li > ol  {
	padding-left: 32px;
}

.terms .terms-item > ol > li  > .item-content {
	padding-left: 32px;	
}

.terms ol.lower-alpha {
	counter-reset: alpha;
}

.terms ol.lower-alpha > li {
	position: relative;
}

.terms ol.lower-alpha > li:before {
	padding-left: 20px;
	 counter-increment: alpha;
	content:"(" counter(alpha, lower-alpha)")";
	position: absolute;
	left: -20px;
}

.terms ol.lower-alpha > li .item-content {
	padding-left: 44px;
}

@media only screen and (max-width: 767px) {
	.terms h1 { font-size: 32px; }
	.terms li .item-title { padding-left: 8px; }
	.terms li .item-content { padding-left: 8px; }
	.terms .terms-item , .terms .terms-item p { font-size: 14px; }
	.terms .terms-item > ol li > ol  { padding-left: 18px; }
	.terms .terms-item > ol li > .item-content { padding-left: 8px; width: 88%; }
	.terms .terms-item > ol > li  > .item-content { padding-left: 20px; }
	.terms ol.lower-alpha > li:before { padding-left: 8px; position: absolute; left: -8px;}
	.terms ol.lower-alpha > li .item-content { padding-left: 28px; }
}