/* line 18, C:/dev/letterheads/v2/style/style.sass */
address {
  font-style: normal; }

/* line 22, C:/dev/letterheads/v2/style/style.sass */
html {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  background: none;
  color: black; }

/* line 28, C:/dev/letterheads/v2/style/style.sass */
::selection {
  color: white;
  background: gray; }

/* line 32, C:/dev/letterheads/v2/style/style.sass */
div {
  display: block; }

/* line 35, C:/dev/letterheads/v2/style/style.sass */
a {
  text-decoration: none;
  color: black; }
  /* line 38, C:/dev/letterheads/v2/style/style.sass */
  a.link {
    border-bottom: solid 5px rgba(0, 0, 0, 0.5);
    overflow-wrap: break-word; }
    /* line 41, C:/dev/letterheads/v2/style/style.sass */
    a.link:hover {
      color: #404040;
      border-bottom-color: rgba(64, 64, 64, 0.5); }

/* line 46, C:/dev/letterheads/v2/style/style.sass */
.wrapper {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 25px 0; }

/* line 51, C:/dev/letterheads/v2/style/style.sass */
header {
  min-height: 25vh;
  margin: 25px;
  padding: 25px;
  margin-top: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap; }

/* line 60, C:/dev/letterheads/v2/style/style.sass */
main {
  min-height: calc(75vh - 180px);
  margin: 25px;
  padding: 25px;
  margin-bottom: 0;
  border: dashed 1px black; }

/* line 67, C:/dev/letterheads/v2/style/style.sass */
.logo {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center; }
  /* line 72, C:/dev/letterheads/v2/style/style.sass */
  .logo .wordmark {
    display: inline-block;
    font-weight: lighter;
    letter-spacing: 0.2em;
    padding: 3px 6px;
    border: solid 1px black; }
  /* line 78, C:/dev/letterheads/v2/style/style.sass */
  .logo .tagline {
    letter-spacing: 0.07em;
    display: block;
    font-weight: normal;
    font-size: 18px; }

/* line 85, C:/dev/letterheads/v2/style/style.sass */
.article-wrap {
  -webkit-columns: 4 270px;
  -moz-columns: 4 270px;
  columns: 2 270px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em; }

/* line 94, C:/dev/letterheads/v2/style/style.sass */
.colophon {
  margin: 25px;
  padding: 25px;
  background: rgba(64, 64, 64, 0.5);
  position: relative; }

@media screen and (max-width: 650px) {
  /* line 104, C:/dev/letterheads/v2/style/style.sass */
  header {
    flex-direction: column; }
    /* line 106, C:/dev/letterheads/v2/style/style.sass */
    header .logo {
      padding-bottom: 25px; } }

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