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

.component-footer {
  //position: absolute;
  display: flex;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  bottom: 0;
  background: $gray;
  color: $white;

  .menu {
    display: block;
    height: 100%;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;

    .item {
      display: block;
      color: $white;
      margin: auto 20px auto 0;
      font-size: $font-12;
      letter-spacing: 2px;
      padding: 5px;

      .label {
        color: $white;
      }
    }
  }
}

@media (min-width: map-get($grid-breakpoints, 'md')) {
  .component-footer {
    height: $footer-height;
    .menu {
      display: flex;
      .item {
        display: flex;
        padding: 0;
      }
    }
  }
}