/* Optional wide-screen layer. The base site does not require media queries. */
@media screen and (min-width: 900px) {
 body { font-size: 16px; }
 .site { width: 1100px; max-width: 94%; margin: 24px auto; }
 .topline { padding: 8px 26px; font-size: 10px; letter-spacing: 1px; }
 .masthead { padding: 19px 26px; }
 .brand { font-size: 58px; line-height: 55px; letter-spacing: -4px; }
 .brand-note { font-size: 11px; margin: 16px 0 0 18px; letter-spacing: 1px; }
 .header-tools { padding-top: 16px; font-size: 12px; }
 .header-tools a { padding: 0 5px; }
 .menu-link { display: none !important; }
 .desktop-nav { display: block; padding: 0 26px; border-bottom: 1px solid #20221b; }
 .desktop-nav a { float: left; padding: 13px 18px 12px; text-decoration: none; font-size: 13px; border-right: 1px solid #c0c1b5; }
 .desktop-nav a:first-child { border-left: 1px solid #c0c1b5; }
 .desktop-nav a.selected { background: #d5ed62; }
 .desktop-nav .nav-index { font-size: 9px; color: #5f6254; margin-right: 5px; }
 .eyebrow { font-size: 11px; letter-spacing: 0.5px; }
 .small { font-size: 13px; }
 .micro { font-size: 11px; }
 .lead { font-size: 18px; line-height: 1.55; }
 .button { padding: 14px 18px; font-size: 14px; }
 .text-link { font-size: 14px; }
 .home-hero { padding: 40px 30px 36px; }
 .hero-art { float: right; width: 41%; margin: 15px 0 0; border: 1px solid #20221b; border-right-width: 6px; border-bottom-width: 6px; }
 .art-top { padding: 11px 12px; font-size: 10px; }
 .art-image { padding: 12px; }
 .art-caption { padding: 14px 12px; font-size: 12px; }
 .hero-copy { float: left; width: 53%; padding: 0; }
 .hero-copy .eyebrow { font-size: 10px; margin-bottom: 24px; letter-spacing: 1px; }
 .hero-copy h1 { font-size: 75px; line-height: 0.99; letter-spacing: -4px; margin-bottom: 25px; }
 .hero-copy .lead { max-width: 410px; margin-bottom: 16px; }
 .hero-note { font-size: 13px; color: #565a4a; }
 .hero-actions { padding-top: 8px; max-width: 280px; }
 .hero-actions .text-link { padding-top: 14px; }
 .highlight { padding: 0 6px; }
 .ticker { padding: 13px 16px; font-size: 15px; letter-spacing: 3px; }
 .ticker span { padding: 0 24px; }
 .section-head { padding: 32px 30px 16px; }
 .section-head h2 { font-size: 30px; letter-spacing: -1px; }
 .section-head .right { float: right; font-size: 12px; padding-top: 10px; }
 .teasers { padding: 0 30px 28px; }
 .teaser { float: left; width: 26.4%; padding: 2.2%; margin: 0 1.6% 0 0; }
 .t-club { margin-right: 0; }
 .teaser-meta, .teaser-bottom { font-size: 11px; }
 .teaser-symbol { font-size: 39px; margin: 25px 0; }
 .teaser strong { font-size: 31px; line-height: 1.05; margin-bottom: 15px; letter-spacing: -1px; }
 .teaser-text { font-size: 15px; line-height: 1.5; min-height: 48px; margin-bottom: 28px; }
 .teaser-bottom { padding-top: 15px; }
 .closing-note { padding: 36px 30px; }
 .closing-note p { font-size: 40px; line-height: 1.1; letter-spacing: -1px; }
 .closing-note p.eyebrow { font-size: 10px; margin-bottom: 20px; }
 .footer { padding: 27px 30px 0; }
 .footer .eyebrow { font-size: 10px; }
 .footer-nav a { float: left; width: 15.6%; padding: 12px 0; font-size: 14px; }
 .footer-bottom { padding: 28px 0 20px; }
 .footer-brand { float: left; font-size: 58px; margin: 0 28px 0 0; }
 .footer-bottom p { font-size: 13px; }
 .footer-bottom .micro { font-size: 10px; margin-top: 22px; }
 .to-top { font-size: 13px; }
 .page-heading { padding: 42px 30px 28px; max-width: 720px; }
 .page-heading h1 { font-size: 66px; letter-spacing: -3px; line-height: 1.02; margin-bottom: 24px; }
 .page-heading .eyebrow { margin-bottom: 24px; }
 .page-heading .lead { font-size: 18px; max-width: 550px; }
 .exhibit-row { padding: 6px 30px 24px; }
 .exhibit-main { float: left; width: 53%; }
 .museum-mat { padding: 22px; }
 .museum-mat .eyebrow { font-size: 11px; }
 .museum-mat img { max-width: 380px; margin: 0 auto; }
 .museum-mat .micro { margin-top: 20px; }
 .exhibit-copy { float: right; width: 38%; padding: 0; }
 .display-small { font-size: 42px; margin-bottom: 20px; }
 .facts dt { font-size: 12px; }
 .facts dd { font-size: 15px; }
 .quote-panel { margin: 20px 30px 30px; padding: 28px; }
 blockquote p { font-size: 38px; line-height: 1.16; }
 .page-turn { margin: 20px 30px; padding: 20px 0; font-size: 14px; }
 .two-column { padding: 0 30px 30px; }
 .column-main { float: left; width: 55%; }
 .column-side { float: right; width: 38%; }
 .game-panel { padding: 16px; }
 .panel-top { font-size: 12px; padding: 0 0 16px; }
 .game-score { font-size: 16px; margin: 16px 2px; }
 .memory-board td { padding: 5px; }
 .memory-card { width: 94%; height: 78px; font-size: 34px; border-bottom-width: 5px; }
 .game-message { font-size: 15px; min-height: 40px; margin: 20px 5px; }
 .text-panel { padding: 0 0 22px; }
 .text-panel h2 { font-size: 30px; }
 .oracle { padding: 20px; }
 .oracle #fortune { font-size: 26px; line-height: 1.2; }
 .notice { padding: 18px; font-size: 14px; margin-bottom: 24px; }
 .passport-top { padding: 16px 22px; font-size: 12px; }
 .passport-inner { padding: 24px; }
 .passport-inner .eyebrow { font-size: 10px; }
 .passport-star { font-size: 72px; margin: 20px 0 35px; }
 .passport-name { font-size: 42px; letter-spacing: -1px; }
 .passport-role { font-size: 16px; }
 .passport-line { margin: 30px 0 15px; }
 .passport-id { font-size: 22px; }
 .form-panel { padding: 0; }
 .form-panel h2 { font-size: 29px; }
 .form-row { margin: 24px 0; }
 .form-row label { font-size: 14px; }
 .text-input { width: 90%; font-size: 16px; padding: 12px; }
 .form-row select { width: 98%; font-size: 15px; padding: 10px 4px; }
 .plain-button { font-size: 13px; }
 .club-rules { padding: 34px 30px; }
 .club-rules h2 { font-size: 42px; }
 .club-rules p { max-width: 600px; }
 .manifesto-layout { padding: 0 30px; }
 .manifesto-body { float: left; width: 62%; }
 .manifesto-aside { float: right; width: 29%; }
 .principle { padding: 28px 0; }
 .principle h2 { font-size: 37px; margin-bottom: 20px; }
 .principle .eyebrow { font-size: 10px; }
 .principle p { max-width: 560px; }
 .mini-icon { padding: 15px; }
 .index-card { padding: 20px; margin: 22px 0; }
 .stack-line { font-size: 30px; }
 .signature { padding: 34px 30px; }
 .signature-brand { font-size: 52px; margin-bottom: 22px; }
 .signature .button { max-width: 230px; }
 .diagnostic { padding: 20px; }
 .diagnostic h2 { font-size: 29px; }
 .latin .page-heading h1, .latin.dsi .page-heading h1 { font-size: 60px; }
 .latin .hero-copy h1 { font-size: 70px; }
 .latin .hero-copy .eyebrow { font-size: 9px; }
 .latin .eyebrow { font-size: 10px; }
 .latin .art-top { font-size: 9px; }
 .latin .art-caption { font-size: 11px; }
 .latin .teaser strong { font-size: 28px; }
 .latin .text-panel h2 { font-size: 30px; }
 .latin .principle h2 { font-size: 35px; }
}