$baseline-config: (
  viewports: (
    (alias: "small", max: 480px, columns: 3, fluid: true, override-container: 0px),
    (alias: "medium", min: 481px, max: 768px, columns: 6, fluid: false, override-container: 0px),
    (alias: "large", min: 769px, columns: 12, fluid: false, override-container: 0px)
  ),
  zones: (
    (columns: 12, blocks: (12, 6, 6)),
    (columns: 9, blocks: (9, 6, 5, 3, 2)),
    (columns: 3, blocks: (3))
  ),
  pushes: (3),
  pulls: (9),
  outer-padding: 15px,
  inner-padding: 15px,
  gutter: 10px,
  container-gutter: 250px
);

@import "mixins/baseline-loader";

.grid-wrapper {
  background-color: #efefef;
}

.grid-edge {
  background-color: #fff;
}

.grid-element {
  padding-bottom: 1.25em;
}

h2 {
  border-bottom: 1px solid seagreen;
}

h1, h2, p {
  color: seagreen;
  margin: 0;
}

* {
  font-family: "Roboto Condensed", sans-serif;
}