* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: #e7e5df; }
img { display: block; }
a { color: #df1f26; text-decoration: none; }
a:hover { color: #b81a20; }
a.btn { transition: background 160ms ease, transform 160ms ease; }
a.btn:hover { background: #c81a20 !important; color: #fff; }
a.btn:active { transform: translateY(1px); }

@keyframes heroRise {
  from { opacity: 0; transform: translateY(14px); }
  to { opacity: 1; transform: translateY(0); }
}

/* the desktop layout is authored at 1440px and has fixed-width children;
   below 1200px it clips, so hand those viewports the mobile layout. */
.view-mobile { display: none; }
@media (max-width: 1199px) {
  .view-desktop { display: none; }
  .view-mobile { display: block; }
}