---
# Comment added for Front Matter
---
 
@import 'vars';
@import 'mixins';

$size-header-width:  30%;
$size-header-pad:  3em;

#header {
  padding: ($size-header-pad * 2) $size-header-pad $size-header-pad $size-header-pad;
  width: $size-header-width;
  h1 {
    font-size: 1.25em;
    br {
      display: none;
    }
  }
}

#footer {
  padding: 0 $size-header-pad ($size-header-pad + $size-element-margin) $size-header-pad;
  width: $size-header-width;

  .copyright {
    li {
      border-left-width: 0;
      display: block;
      line-height: 2.25em;
      margin-left: 0;
      padding-left: 0;
    }
  }
}

#main {
  margin-left: $size-header-width;
  max-width: none;
  padding: ($size-header-pad * 2) $size-header-pad $size-header-pad $size-header-pad;
  width: calc(100% - #{$size-header-width});
}