body {
	margin: 0;
}

.header {
	height: 50px;
	padding: 20px 20px 0 20px;
	background-color: rgb(52, 234, 145);
	color: white;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: 40px;
}
.red-header { background-color: rgb(255, 0, 155); }
.blue-header { background-color: rgb(15, 85, 194); }

.small-header { font-size: 24px; padding-top: 25px;}

.segment { height: 300px; background-size: cover; float: left;}
.third { width: 33.333%; }
.half { width: 50%; }
.quarter { width: 25%; }
.three-quarter { width: 75%; }
.two-third { width: 66.6666%; }

.container {
	padding: 20px;

	.content { width: 100%;}
}
.images { display: inline-block; width: 100%;}

.tall { height: 400px;}
.wide { width: 100%; height: 500px;}