img {
  max-width: 100%;
  height: auto;
}

.bg-col-1 {
  background-color: #dedede;
}

.bg-col-2 {
  background-color: #999;
}

.bg-col-3 {
  background-color: #26c3ee;
}

.frame-space-before-extra-small {
  margin-top: 1em;
}

.frame-space-before-small {
  margin-top: 2em;
}

.frame-space-before-medium {
  margin-top: 3em;
}

.frame-space-before-large {
  margin-top: 4em;
}

.frame-space-before-extra-large {
  margin-top: 5em;
}

.frame-space-after-extra-small {
  margin-bottom: 1em;
}

.frame-space-after-small {
  margin-bottom: 2em;
}

.frame-space-after-medium {
  margin-bottom: 3em;
}

.frame-space-after-large {
  margin-bottom: 4em;
}

.frame-space-after-extra-large {
  margin-bottom: 5em;
}

body {
  display: flex;
  flex-direction: column;
}

html, body {
  height: 100%;
  margin: 0;
}

.content-wrapper {
  flex: 1;
}

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