//---- footer style ----//

.bottombar {
  // margin: 50px auto;
  // width: calc(100vw - 100px);
  @extend %grid;

  @extend %section-type;
  max-width     : none;
  padding-top   : 25px;
  padding-bottom: 25px;

  .h5 {
    display      : block;
    margin-bottom: 30px;
  }

  &__brand {
    @include set-col(s, 4);
    @include set-col(md, 3);

    display: block;

    img {
      display   : block;
      width     : 100%;
      height    : 100%;
      object-fit: contain;
      max-height: 95px;
    }
  }

  &__contact {
    @include set-col(s, 4);
    @include set-col(md, 3);

    address {
      margin-bottom: 10px;
    }

    & .infos {
      display: flex;
    }

    a {
      display      : block;
      @extend %p;
      margin-bottom: 10px;
    }
  }

  &__social {
    @include set-col(s, 4);
    @include set-col(md, 3);

    ul {
      list-style: none;

      display   : flex;
    }
  }

  .icon {
    margin-right: 10px;
  }
}