.hero .intro {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.hero {
  background: #FF3C00; }
  .hero .page-id {
    color: #FF3C00; }
  .hero .page-id-background {
    background: #ffbc00; }
  .hero .headline {
    color: #FFF; }
  .hero .intro {
    color: #FFF;
    max-width: 400px; }
    @media screen and (min-width: 760px) {
      .hero .intro {
        max-width: 580px; } }
    @media screen and (min-width: 1030px) {
      .hero .intro {
        max-width: 680px; } }
    .hero .intro a {
      color: #FFF;
      border-bottom: 1px solid #FFF; }
  .hero .error-squirrel {
    margin-top: 6em;
    margin-bottom: 2em;
    height: 200px;
    width: 200px; }
    @media screen and (min-width: 760px) {
      .hero .error-squirrel {
        height: 400px;
        width: 400px; } }

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