@import "../../src/scss/variables.scss";
@import "../../src/scss/mixins.scss";

.component-footer {
  position: relative;
  display: flex;
  height: 250px;
  background: $olive-dark;
  padding: 40px 0;

  .content {
    display: block;
    margin: 0 auto;

    .logo {
      display: block;
      height: 50px;
      margin: 10px auto 20px auto;
    }

    .copy,
    .links {
      display: block;
      @include font-style($font-sans, 'regular', $font-18);
      color: $white;
      text-align: center;
      padding: 0;

      .link {
        color: $white;
        text-decoration: none;
        padding: 0 5px;
      }
    }
  }

}