footer {
  background: rgb(240,240,240);
  padding: 20px 0px 0px;
  width: flex-grid(12);

  &.fixed-bottom {
    position: absolute;
    bottom: 0px;
  }

  nav {
    @include clearfix;
    max-width: 1200px;
    margin: 0 auto;
    width: flex-grid(12);

    a.logo {
      @include box-sizing(border-box);
      display: block;
      float: left;
      height: 100%;
      margin: 3px 15px 0px 0px;
    }

    ol {
      float: left;
      font-size: 0em;
      margin-top: 6px;

      &.right {
        float: right;

        li:first-child {
          border: none;
        }
      }

      &.social {
        float: right;
        margin: 0px 30px 0px 0px;

        li {
          border: none;
          padding: 0px 5px;

          a:hover {
            opacity: 0.7;
          }
        }
      }

      li {
        border-left: 1px solid rgb(200,200,200);
        @include inline-block;
        list-style: none;
        padding: 0px 15px;

        a:link, a:visited {
          color: $lighter-base-font-color;
          font: normal 1.2rem/1.6rem $serif;
          padding: 5px 0px;
        }
      }
    }
  }

  .copyright {
    background: rgb(230,230,230);
    height: 50px;
    margin-top: 80px;
    width: 100%;

    p {
      color: $lighter-base-font-color;
      font: normal 1rem/1.6rem $sans-serif;
      margin: 0 auto;
      padding-top: 15px;
      //text-align: center;
      max-width: 1200px;

      a {
        border-bottom: 1px solid rgb(200,200,200);
        color: $lighter-base-font-color;
        font: normal 1rem/1.6rem $sans-serif;
        margin-left: 5px;
      }
    }
  }
}
