.dalmatian {
	background: #1a1616;
	color: white;
}
.dalmatian .header {
	display: none;
}
.dalmatian textarea {
	background-color: #1a1616;
}
.dalmatian .col-white {
	background: white;
	color: #1a1616;
}
.dalmatian .col-black a {
	color: white;
}

.dalmatian .col-black p strong {
	color: #1919c4;
	background-color: white;
	padding-left: 3px;
	padding-right: 3px;
	display: inline-block;
}
.dalmatian .col-white .nav-affix {
	background-color: white
}
.circle-wrapper {
	background: transparent -100px -100px url('../images/main.gif') no-repeat;
	background-size: 100% auto;
	padding: 20px;

}
.circle-wrapper article {

}
@media (min-width: 480px) {
.circle-wrapper {
	display: inline-block;
	background-position:  0 0;
	background-size: 110% 100%;
	position: relative;
	border-radius: 50%;
	width: 80%;
	height: 0;
	padding: 40% 0;
	border-radius: 50%;
	margin-left: 10%;
	margin-right: 10%;
	position: relative;
	margin-top: 2em;
	margin-bottom: 2em;
	float: right;
	vertical-align: top;

}
.circle-wrapper article {
	vertical-align: top;
	display: inline-block;
	height: 100%;
	margin-top: -20%;
	padding-left: 20px;
	padding-right: 20px;

}

}
.circle-wrapper p {
	font-size: 	1em;
}
.circle-wrapper blockquote p {
	font-size: 	.9em;
}
.circle-wrapper blockquote p:before,
.circle-wrapper blockquote p:after
 {
}
@media (min-width: 480px) {

.circle-wrapper p,
.circle-wrapper blockquote {
	padding: 0 40px;
}

}
@media (min-width: 992px) {

.circle-wrapper p, {
	font-size: 	1.2em;
	}
	.circle-wrapper blockquote p {
		font-size: 	1.3em;
		line-height: 1.1em;
	}
}
@media (min-width: 1200px) {
	.circle-wrapper {
	}
	.circle-wrapper p {
	font-size: 	1.2em;
		}

}