/* Bravos: navy text, orange buttons, one wide logo. */
:root {
  --brand: #eb5a40;
  --brand-dark: #eb5a40;
  --brand-border: #b84632;
  --accent: #eb5a40;
  --accent-dark: #b84632;
  --dark: #002335;
  --text: #002335;
  --heading: #002335;
  --nav: #002335;
  --body-size: 24px;
  --body-line: 1.375;
  --h2-size: 48px;
  --button-size: 24px;
  --sponsors-title: 48px;
  --sponsor-w: 200px;
  --sponsor-h: 116px;
}
.button--brand { text-shadow: none; }
.button--pink { color: #fff; background: #e32574; border-color: #e32574; }
.text a, .lead a, .list a { font-weight: 400; color: inherit; text-decoration: underline; }
.site-header__logo img { width: 141px; height: auto; }
.site-nav a { font-size: 19px; }
.site-header__login { padding: 14px 24px; border-radius: 0; font-size: 16px; }
/* The logos in Machina are squares with room around them: one line per type, big enough to read */
.sponsors__group { width: 100%; padding-left: 0; border-left: 0; }
.sponsors__row { margin-left: 0; }
.sponsors__logos img { height: var(--sponsor-h); width: auto; }
.sponsors__group:first-child .sponsors__logos img { --sponsor-h: 170px; --sponsor-w: 260px; }
.site-footer__columns--dark { max-width: 1254px; font-size: 14px; line-height: 1.25; }
.site-footer__columns--dark a { color: #fff; }
@media (max-width: 1000px) {
  .site-header__login { padding: 8px 14px; font-size: 14px; }
}
@media (max-width: 680px) {
  :root { --h2-size: 32px; --sponsors-title: 32px; --body-size: 18px; --button-size: 20px; }
  .button { font-size: 20px; }
  .site-header__logo img { width: 104px; }
  .site-header__login { padding: 7px 10px; font-size: 13px; }
  .sponsors__logos img { --sponsor-h: 84px; }
  .sponsors__group:first-child .sponsors__logos img { --sponsor-h: 100px; }
}