.strong {
	font-weight: 700;
}

#object.cool-form a {
	text-decoration: underline;
}

.col table {
	margin: 0 auto;
}

.col td{
	padding: 7px 0;
}

.col2 .strong {
	font-size: 13px;
}

.col2 {
	box-sizing: border-box;
	padding: 10px;
	display: table;
	width: 100%;
}

.col-colorful{
	background-color: #f9f5ee;
}

.checkboxes {
	display: table;
	width: 100%;
	text-align: left;
}

.checkboxes p {
	float: left;
	display: block;
	width: 100%;
	font-size: 13px;
	margin: 4px 0;
}

.checkboxes.explanatory p {
	width: 100%;
	font-size: 11px;
	display: inline-block;
	margin: 4px 0;
}

.recreation .col2{
	padding-top: 0;
	padding-bottom: 0;
}

.checkboxes.recreation p {
	width: 100%;
}

.truncate {
	text-align: left;
}

.camp {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.camp table{
	margin: 0 auto;
}

.camp td{
	padding: 3px 6px;
}

.camp tr:nth-child(odd) {
	background-color: #e2e2e2;
}

.camp-left {
	text-align: right;
	width: 50%;
}

.camp-right {
	text-align: left;
	width: 50%;
}

.old-units > div {
	margin: 16px 0;
}

.old-units > div:first-of-type {
	margin-top: 0;
}

.old-units > div:last-of-type {
	margin-bottom: 0;
}

@media screen and (min-width: 881px) {

	.checkboxes p {
		width: 33.33%;
	}

	.checkboxes.recreation p {
		width: 33.33%;
	}
}

@media screen and (min-width: 701px){
	.checkboxes.explanatory p{
		width: 50%;
	}
}

@media screen and (min-width: 541px) and (max-width: 880px){
	.checkboxes.recreation p,
	.checkboxes p{
		width: 50%;
	}
}