body {
	font-family: sans-serif;
	line-height: 1.5em;
}

ul.boxes,
ul.boxes * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
}
ul.boxes {
	margin: 0px;
	padding: 0px;
	margin-left:-15px;
}
ul.boxes.four-col li {
	width: 25%;
}
ul.boxes.three-col li {
	width: 33.3%;
}
ul.boxes.two-col li {
	width: 50%;
}
ul.boxes li {
	margin: 0px;
	padding-left: 15px;
	list-style: none;
	float: left;
	padding-bottom: 15px;
}
ul.boxes li > div {
	border: 1px solid #999999;
	padding: 20px;
}

ul.boxes li > div h3 {
	margin-top: 0;
}

ul.boxes li > div p {
	margin-bottom: 0;
	height: 160px;
}

@media (min-width:768px) and (max-width: 979px) {
	ul.boxes li > div p {
		height: 200px;
	}
}

@media (max-width:767px) {
	ul.boxes[class*="col"] li {
		width: 100%;
	}
}

.breakout-content .breakout {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
		 -o-background-size: cover;
			background-size: cover;
	height: 100%;
}

.breakout-content .breakout .tall {
	min-height: 75vh;
}

.breakout-content .breakout .small {
	min-height: 50vh;
}

.breakout-content .breakout .full {
	min-height: 100vh;
}

.two-columns {
	-webkit-column-count:2;
	   -moz-column-count:2;
			column-count:2;
	margin-bottom: 25px;
}

.three-columns {
	-webkit-column-count:3;
	   -moz-column-count:3;
			column-count:3;
	margin-bottom: 25px;
}

@media (max-width: 480px) {
	.three-columns,
	.two-columns {
		-webkit-column-count:1;
		   -moz-column-count:1;
				column-count:1;
	}
}