body { background-color: #1b1b1b; color: #bdbdbd; font-family: futura-pt; font-weight: 400; }

.my-container { background-color: black; max-width: 1140px; box-shadow: 0px 0px 20px black; }

.summary { max-width: 680px; padding: 0 20px; }

.jacket .title { font-family: cy, sans-serif; font-weight: 700; color: white; text-align: center; font-size: 2.9rem; }

@media screen and (max-width: 576px) { .jacket .title { font-size: 2.3rem; } }

.jacket .byline { text-transform: uppercase; font-family: cy, sans-serif; font-weight: 400; text-align: center; color: #d2d2d2; font-size: 1.7rem; }

@media screen and (max-width: 576px) { .jacket .byline { font-size: 1.5rem; } }

.jacket .summary-text { margin-top: 20px; font-size: 1.2rem; }

.jacket .quote { margin-top: 20px; font-size: 1.2rem; font-style: italic; }

.jacket .quote .attribution { text-align: right; }

.blog { max-width: 680px; margin: 0 auto; padding: 0 20px; font-size: 1.2rem; }

.blog .title { margin-top: 50px; margin-bottom: 20px; font-weight: 700; font-size: 2.3rem; color: white; text-align: center; }

.teaser .title { margin-top: 80px; margin-bottom: 50px; font-family: cy, sans-serif; font-weight: 700; font-size: 2.9rem; color: white; text-align: center; }

.teaser .coming-soon { margin-top: 50px; font-weight: 700; font-size: 2.9rem; color: white; text-align: center; }

.teaser .near-you { text-align: center; font-weight: 400; font-size: 1.8rem; margin-bottom: 50px; }

a { color: #628dce; }

a:hover { color: #88aade; }

.panel { padding-bottom: 40px; }

.footer { text-align: center; padding: 20px; }

/*# sourceMappingURL=main.css.map */