/* MS Viewport Fix */

@-ms-viewport {
	width: device-width;
}

/* Resets */

body {
	color:#555;
	background-color:#37bcb4;
}

.content {
	margin:0;
	padding:0;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: Montserrat, "Open Sans", Verdana, Helvetica, sans-serif;
	color:#286b66;
}

ul li {
	list-style:none;
}

/* General Ruls */

img {
	height:auto;
	max-width:100%;
}

.color-333 {
	color:#333;
}

.fa-thumbs-o-up {
	color:#eab830;
}

.fa-ul {
	margin-left:4em;
	margin-right:2em;
}

.fa-2x {
	font-size:1.5em;
}

li strong {
	color:#286b66;
}

/* Content */

.attention {
	background-color:#eab830;
	color:#333;
	font-family: Montserrat, "Open Sans", Verdana, Helvetica, sans-serif;
	font-size:1.75em;
	padding:0.25em 0.5em;
}

.headline-rule {
	background-color: #f13e3e;
	border: 0;
	height: 10px;
	margin: 2em auto;
}

.content-container {
	background-color:#fff;
	font-size:110%;
	margin:0 auto;
	max-width:45em;
	padding:1em 1em;
}

.author-callout-background {
	background-color:#f0f2f5;
	box-shadow:0 0 2px 4px #ccc;
	margin:0 auto;
	max-width:55em;
	position:relative;
	z-index:2;
}

.author-callout-container {
	padding:1em;
}

.author-callout-image {
	display:block;
	margin:1em auto;
}

.author-callout-text {
	font-size:1.25em;
}

@media screen and (min-width:27.5em) {
	.author-callout-image {
		float:left;
		margin: 0 1em 1em 0;
	}
}

/* Buttons */

.button {
	background-color:#f13e3e;
	border-radius:4px;
	color:#fff;
	display:block;
	font-family: Montserrat, "Open Sans", Verdana, Helvetica, sans-serif;
	font-size:1.75em;
	font-weight:bold;
	margin:1em auto;
	max-width:12em;
	padding:0.33em 0.75em;
}

.button span {
	color:#fff;
}

.button:hover, 
.button:focus, 
.button:active {
	background-color:#ff4e4e;
}

/* Footer */

.footer-background {
	background-color:#414b4f;
	color:#fff;
	padding:1em;
}

.footer-background a {
	color:#eab830;
}