@import 'variables-responsive';
@import 'theme-colors';

.im-center-block {
  max-width: $im-center-block-max-width;
  padding-left: $im-center-block-padding;
  padding-right: $im-center-block-padding;
  margin-left: auto;
  margin-right: auto;
}

.im-center-block-overflow-mobile {
  width: calc(100% + #{$im-center-block-padding} * 2);
  margin-left: -$im-center-block-padding;
  padding-left: $im-center-block-padding;
  padding-right: $im-center-block-padding;

  @media(min-width: $im-min-tablet-width) {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.im-container {
  padding-top: $im-header-height;
}