@import 'helpers/_include-media';


html, body {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  width: 100%;
  height: 100%;
  margin: 0;
}

// ---- Auto-generated: Delete me! ----
$home-page-code-font: monospace;

.home-page-wrapper {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-height: 500px;
  margin: 0 auto 20px auto;
  width: 95%;
  padding: 10px 20px;
  background: #fff;
  position: relative;

  @include media('>=tablet') {
    width: 500px;
  }

  @include media('>=desktop') {
    width: 900px;
  }

  &.is-1-column {
    flex-direction: column;
    flex-flow: column;
  }

  &.is-2-columns {
    flex-direction: row;
    flex-flow: row;
  }

  .home-page-heading {
    font-size: 20px;
    color: #3a3939;
  }

  .home-page-code {
    font-family: $home-page-code-font;
  }
}

// ---- [end] Auto-generated: Delete me! ----