.brown {
	background: #693F23;
}

.green {
	background: #A0DAB3;
}

.pink {
	background: #ECC7CD;
	color: #000000;
}
.white {
	background: #FFFFFF;
	color: #693F23;
}

.circle .white:hover {
	background: #693F23;
	color: #FFFFFF;
}

.circle .pink:hover {
	background: #A0DAB3;
}

.circle .brown:hover {
	background: #FFFFFF;
	color: #693F23;
}

.larger-circle div a div {
	padding: 12px;
}

h2, h3 {
	font-family: "nimbus-sans-condensed", sans-serif;
	font-weight: bold;
}

h2 {
	font-size: 48px;
}

.program-guide h2 {
	font-size: 28px;
}

.program-guide::before {
	content: url("../img/ddfs_logo_small.png");
	width: 110px;
	float: left;
}

.program-guide h2 {
	line-height: 85px;	
}

.program-guide {
	margin-left: 5%;
}

.start,
.district,
.accomplish,
.more_info {
	color: #FFFFFF;
}

.accomplish p {
	font-size: 16px;
}

.start-button {
	position: absolute;
	bottom: 5%;
	right: 5%;
}

.start-button h2 {
	margin: 0;
	padding: 5px 12px;
	color: #693F23;
	background: #FFFFFF;
	clear: both;
	border-radius: 15px;
}

.start-button p {
	text-align: center;
	font-size: 1.2em;
}

.district .center,
.accomplish .center,
.more_info .center {
	text-align: center;
}

.center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.circle.col-md-12 div {
	width: 200px;
	height: 200px;
}

.circle.col-md-6 div,
.circle.col-md-4 div {
	width: 200px;
	height: 200px;
}

.circle div {
	width: 150px;
	height: 150px;
}

.seven-cols .circle div {
	width: 140px;
	height: 140px;
}

.accomplish .center .container,
.more_info.brown .center .container {
	margin-top: 50px;
}

.circle div {
	border-radius: 100%;
	position: relative;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.circle {
	margin-bottom: 15px;
}

.circle h3,
.circle p {
	position: relative;
	top:50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

a, a:hover {
	text-decoration: none;
	color: inherit;
}

p {
	font-family: "nimbus-sans", sans-serif;
	font-weight: bold;
	font-size: 19px;
	line-height: 20px;
}

h2, h3 {
	text-transform: uppercase;
	/*font-size: 36px;*/
}

h3 {
	font-size: 32px;
}

.underline {
	text-decoration: underline;
	color: #693F23;
}

.seven-cols .col-md-1,
.seven-cols .col-sm-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
  *width: 14.285714285714285714285714285714%;
}	

.five-cols .col-md-1,
.five-cols .col-sm-1,
.five-cols .col-sm-1 {
	width: 20%;
	*width: 20%;
}

@media screen and (max-width: 1199px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1 {
	  width: 25%;
	  *width: 25%;
	}	
}

.hidden-desktop.start-button {
	display: none;
	position: static;
}

@media screen and (max-width: 991px) {
	.center {
		top: initial;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		width: 100%;
	}
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1,
	.five-cols .col-md-1,
	.five-cols .col-sm-1,
	.five-cols .col-lg-1 {
	  width: 33.333333333333333333%;
	  *width: 33.333333333333333333%;
	  float: left;
	}	
	.hidden-desktop.start-button {
		display: block;
		position: relative;
		width: 115px;
		left: 50%;
		top: 15px;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin-bottom: 15px;
	}
	.hidden-mobile {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.seven-cols .col-md-1,
	.seven-cols .col-sm-1,
	.seven-cols .col-lg-1,
	.five-cols .col-md-1,
	.five-cols .col-sm-1,
	.five-cols .col-lg-1,
	.circle.col-md-2,
	.circle.col-md-3 {
	  width: 50%;
	  *width: 50%;
	  float: left;
	}	
	/*.circle.col-md-2 div,
	.circle.col-md-3 div {
		width: 140px;
		height: 140px;
	}*/
	.center .container,
	.center {
		padding: 0!important;
	}
}