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); }
}