@import url('include/reset-base.css');
@import url('include/layout-content.css');
@import url('include/header.css');
@import url('include/ui.css');
@import url('include/assist.css');

.col-3 {
	width: 33.3%;
	float: left;
}

.adopt-mobile .col-3.cabinet {
	width: 100%;
	float: none;
	margin-bottom: 0.5em;
}

.adopt-mobile .col-3.cabinet > div {
	margin-right: 0;
	padding-right: 10%;
	margin-left: 0;
}

.col-3.last {
	float: right
}

.col-3.last > div {
	margin-right: 0 !important
}

.col-3.first > div {
	margin-left: 0 !important
}

.col-3.cabinet > div {
	background: #f1f5f8;
	margin-right: 3%;
	margin-left: 3%;
	padding: 15px;
}

.col-3.cabinet {
	font-size: 90%
}

.adopt-700 .col-3.cabinet,
.adopt-600 .col-3.cabinet {
	font-size: 80%
}

.col-3.cabinet h2 {
	font-size: 122%;
	color: #345;
	margin-bottom: 0.5em;
}

.col-3.cabinet ul li {
	padding-left: 15px;
	margin-bottom: 0.6em;
}

.col-3.cabinet ul li:last-child {
	margin-bottom: 0
}

.col-3.cabinet ul li:before {
	content: '•';
	display: block;
	font-size: 150%;
	color: #216d91;
	width: 15px;
	height: 15px;
	margin-bottom: -15px;
	position: relative;
	left: -15px;
}

.blue-button.history {
	width: 32%;
	margin-left: 34%;
	margin-top: 2.2em;
}

.adopt-mobile .blue-button.history {
	width: 70%;
	margin-left: 15%;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.adopt-600 .cabinet-section,
.adopt-700 .cabinet-section,
.adopt-mobile .cabinet-section {
	font-size: 90%;
}

.cabinet-section:after {
	content: '';
	display: block;
	clear: both;
	height: 1em;
}

.cabinet-section .left {
	float: left;
	width: 50%;
}

.cabinet-section .right {
	margin-left: 55%;
}