@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);
html,
body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  font-size: 100%;
  background-color: #f4f4f4; }

* {
  font-family: "Lato", Helvetica, sans-serif;
  color: #333447;
  line-height: 1.5; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem;
  line-height: 1; }

h3 {
  font-size: 1.375rem; }

h4 {
  font-size: 1.125rem; }

h5 {
  font-size: 1rem; }

h6 {
  font-size: 0.875rem; }

p {
  font-size: 1.125rem;
  font-weight: 200;
  line-height: 1.5; }

.font-light {
  font-weight: 300; }

.font-regular {
  font-weight: 400; }

.font-heavy {
  font-weight: 700; }

.container {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 33.75em) {
    .container {
      width: 80%; } }
  @media only screen and (min-width: 90em) {
    .container {
      width: 75%;
      max-width: 90rem; } }
  .container .logo {
    margin: 0 auto; }
    .container .logo svg {
      fill: #000;
      display: block;
      margin: 0 auto;
      width: 70%; }
      @media only screen and (min-width: 45em) {
        .container .logo svg {
          width: 15rem;
          max-width: 100%; } }

.grid {
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem; }
  @media only screen and (min-width: 45em) {
    .grid {
      display: grid;
      grid-template-columns: 1fr 1fr; } }

.current, .istream {
  padding: 2rem; }
  .current .input.text, .istream .input.text {
    margin-bottom: 1rem; }
  .current h2, .istream h2 {
    margin-top: 0; }
  .current h3, .istream h3 {
    margin-top: 1rem;
    margin-bottom: 0; }
  .current h3 span, .istream h3 span {
    display: block;
    color: #428bca; }
  .current h3.filler, .istream h3.filler {
    display: none; }
    @media only screen and (min-width: 45em) {
      .current h3.filler, .istream h3.filler {
        display: block; } }

.current {
  background-color: #fff;
  border-bottom: 1px solid #eee;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  @media only screen and (min-width: 45em) {
    .current {
      border-right: 1px solid #eee;
      border-bottom: none;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius-topright: 0;
      -moz-border-radius-bottomright: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; } }

.istream {
  background-color: #fff;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }
  @media only screen and (min-width: 45em) {
    .istream {
      -webkit-border-top-right-radius: 5px;
      -webkit-border-bottom-right-radius: 5px;
      -moz-border-radius-topright: 5px;
      -moz-border-radius-bottomright: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      -webkit-border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-bottomleft: 0;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; } }

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