@import 'flive-vars';

.base {
  align-self: flex-end;
  min-height: $footer-min-height;
  background: $flive-light-grey;
  padding: 1.5rem 0 2rem 0;
  width: 100%;
}

.secondary {
  background: $flive-medium-grey;
  padding: 1em 0;
}

.inner {
  @include column-centered();
}

.full-width {
  composes: base;
  width: 100%;
}

@media (max-width: $breakpoint-max-mobile) {
  .inner { margin: 0 $content-padding-mobile }
}