#main {
	position: relative;
	max-width: 1050px;
	padding: 0 20px;
	margin: 20px auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main p:first-letter {
	color: #575A9D;
	font-size: 1.4em;
}

#main .circle {
	border-radius: 50%;
	padding: 0 75px;
}

#main .circle.photo {
	padding: 0;
}

#main .circle.photo img {
	max-height: 100%;
	max-width: 100%;
	border-radius: 50%;
}

.square, .circle {
	float: left;
	height: 450px;
	width: 450px;
	padding: 20px;
	margin: 25px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.valign-wrapper {
	height: 100%;
	display: table;
}

.valign {
	display: table-cell;
	vertical-align: middle;
}

.blue {
	background-color: #C7E6E6;
}

.green {
	background-color: #DDE1BD;
}

.red {
	background-color: #FDAFAF;
}

.purple {
	background-color: #DAC6E8;
}

.olive {
	background-color: #DAD194;
}

.gray {
	background-color: #BFCACC;
}

.orange {
	background-color: #FBDAB1;
}

.pink {
	background-color: #FED1DE;
}

.yellow { /* unused */
	background-color: #F8E39E;
}