@import url("css/appglobal.css");
body { background: white; color: #252525; background: #F2F3F4; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1.4; position: relative; cursor: auto; }
h1 { font-size: 46px; font-family: 'Open Sans Condensed', sans-serif; line-height: 50px; margin: 30px 0; }
h2 { font-size: 25px; font-weight: 400; }
header { background-image: url(img/headerbg.png); background-repeat: repeat-x; }
.attn { background-color: #FFF49D; padding: 10px 15px; text-align: center; font-size: 1.2em; }
.content { padding: 20px 40px; }
.headlines h1 { font-size: 46px; font-family: 'Open Sans Condensed', sans-serif; margin: auto; }
.headlines h2 { font-size: 25px; margin-top: 1em }
.button { background: #34495e; border-color: #16a085; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: auto; width: 100%; font-size: 1.5rem; padding: 22px 0; }
.button:hover, .button:focus { background-color: #16a085; }
.shortcover { position: absolute; top: -20px; left: 25px; }

@media only screen and (max-width: 40em) {
.attn { font-size: 1em; }
h1 { font-size: 34px; line-height: 1em }
.headlines h1 { font-size: 26px; line-height: 1em }
.headlines h2 { font-size: 22px; }
.button { font-size: 1.3rem; width: 100%; margin-top: 1.5rem; }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.headlines h1 { font-size: 32px; line-height: 1em }
.headlines h2 { font-size: 22px; }
}