// Header
header,
footer {
  a {
    text-decoration: none;
  }
}
.c3 {
  background: purple;
}
#header-menu {
  margin-top: 30px;
  margin-right: -7px;
  ul {
    padding: 0;
    margin: 0;
    li {
      display: inline-block;
      margin-right: -5px;
      a {
        padding: $grid-gutter/2 $grid-gutter;
        background: blue;
        color: white;
        margin: 0 7px;
        display: block;
        &:hover {
          @extend .c3;
        }
      }
    }
  }
}

#header {
  background: $headerBackground;
}

#branding {
  margin-top: 60px;
  padding-bottom: 20px;
  a,
  h2,
  h1 {
    color: white;
  }
  h1 {
    font-size: 43px;
    .bold {
      font-weight: 700;
    }
    span {
      position: relative;
    }
    img {
      position: absolute;
      left: 40px;
    }
  }
  h2 {
    font-size: 20px;
    position: relative;
    padding-right: 80px;
    padding-top: 28px;
    .bold {
      font-weight: 700;
    }
    span {
      position: absolute;
      right: 0;
      top: 19px;
    }
  }
  &.sub-header {
    margin-top: 50px;
  }
}
