body {
	background: url(../images/connect.png);
	font-family: 'Roboto', sans-serif;
	padding: 20px 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'PT Serif', serif;
}

.hero {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

.btn .text-light {
	color: #fff;
	opacity: 0.25;
}

.btn .text-softer {
	color: #fff;
	opacity: 0.8;
}

.subscribe {
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
}

dl dt {
	margin-top: 1.5em;
}

@media screen and (max-width: 768px) {
	.hero,
	.subscribe {
		margin-left: -5px;
		margin-right: -5px;
	}
}

@media screen and (max-width: 991px) {
	.hero {
		text-align: center;
	}
}

@media screen and (min-width: 768px) {
	body {
		padding: 60px 0 30px;
	}

	.blockquote {
		float: right;
		margin: 0 0 40px 40px;
		max-width: 400px;
	}
}

@media screen and (min-width: 992px) {
	#mce-EMAIL {
		min-width: 280px;
	}
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	body {
		background: url(../images/connect@2x.png);
	}
}