#footer {
  background: $gdblue;
  color: $white;
  a {
    color: $white;
    &:hover {
      color: $ltblue;
    }
  }
  .top {
    padding: 10px 0 20px;
    @include clearfix;
    h2 {
      color: $white;
      font-weight: 700;
      line-height: 1.7;
      @include font-size(24);
    }
    ul.menu {
      padding: 0;
      li {
        border-bottom: 1px solid $medblue;
        padding: 10px 0;
        list-style: none;
        &:first-child {
          padding-top: 0;
        }
        &:last-child {
          border-bottom: none;
        }
      }
    }
    .contact-block {
      margin-top: .5em;
      .social-media {
        > a {
          font-size: 1.5em;
          margin: 0 15px 0 0;
        }
      }
    }
  }
  .bottom {
    border-top: 1px solid $medblue;
    padding: 10px 0 30px;
    @include clearfix;
    .copyright {
      color: $ltblue;
      margin-bottom: 2.4rem;
    }
    ul.menu {
      margin: 0;
      padding: 0;
      @include breakpoint($desktop){
        float: right;
      }
      li {
        list-style: none;
        list-style-image: none;
        @include breakpoint($desktop){
          float: left;
          &.last a {
            border-right: none;
          }
        }
        a {
          color: $ltblue;
          &:hover {
            color: $white;
          }
          @include breakpoint($desktop){
            border-right: 1px solid $ltblue;
            padding: 0 10px;
          }
        }
      }
    }
  }
}