@charset "utf-8";

* {margin: 0; padding: 0;}
body {font-size: 100%; font-family: 'Trebuchet MS', Arial, sans-serif;}
#wrapper {margin: 0 auto;}

h1 {color: #d30037; font-size: 3.75em; /*60px*/ letter-spacing: 0.01em; text-align: center; padding: 1em 0;}
#headerone {font-weight: bold; font-style: italic; font-family: Georgia, Times New Roman, serif;}
#headertwo {text-transform: uppercase; font-weight: normal; display: inline-block;}

#content {margin: 0 auto; text-align: center;}
.col {font-size: 1.5em; /*24px*/ max-width: 325px; display: inline-block;}
img {max-width: 100%; height: auto;}
figcaption {margin: 1em 0; text-align: left;}
h2 {text-transform: uppercase; font-size: 1em;}
p {margin: 1em 0; line-height: 150%;}
.button {display: inline-block; text-transform: uppercase; padding: 0.5em 1em; background: #cd2a00; font-weight: bold; text-decoration: none; color: #fff;}

@media only screen and (min-width: 654px) {
	.col {margin: 0 3.5em;}
}
@media only screen and (max-width: 325px) {
	figcaption {padding: 0.5em;}
}