/**
 * Welcome.
 *
 * Styles for the 'Welcome' page.
 */

.welcome {
  & img {
    border-radius: 1px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .15);
    display: block;
    height: auto;
    margin: 0 auto 1em;
    max-width: 240px;

    @media (min-width: 768px) {
      margin-bottom: 2em;
    }
  }
  & p {
    margin: 0 0 1em;

    & + a {
      display: block;
      font-style: italic;
      text-decoration: underline;

      &:active,
      &:focus,
      &:hover {
        text-decoration: underline;
      }
    }
  }

  /* Layout */
  & main .col-sm-6 {
    &:first-of-type {
      margin-bottom: 3em;
    }

    @media (min-width: 768px) {
      margin-bottom: 3em;
    }
  }
}