main > header {

@include display(flex);
@include flex-direction(column);

padding: 0 1em 2em 0;
font-size: 1.2em;
background-color: $navy-blue;
color: $light-blue;
min-height: 300px;
height: 30vh;

nav {
  @include display(flex);
  @include flex(1 auto);
  @include flex-direction(column);
  @include justify-content(space-between);
  @include align-items(center);

  ol {
    margin: 0;
  }

  a.logo {
    font-family: courier;
    font-size: 10em;
    text-decoration: none;
    margin: auto 0;
    line-height: 100%;
    color: lighten($navy-blue, 10%);
  }

  ol {
    @include flex(0 auto);
    @include display(flex);
    font-size: 0.8em;
    padding: 0;
    list-style-type: none;

    li {
      margin: 0 1em;
    }
  }

}

div.content {
  @include display(flex);
  @include flex-direction(column);
  @include flex(1);
  @include justify-content(center);
}

}