/* *****************************************************************************
*
*  Background-image for some content
*
* ***************************************************************************** */

.error-bg {
  @include media-breakpoint-up(md) {
    background-size: 60%;
    background-position: center right;
    background-repeat: no-repeat;
    padding: 13% 0;
  }

  &--404 {
    @include media-breakpoint-up(md) {
      background-image: url('/images/error/helix_404_img_EN.png');

      &.lang_fr { background-image: url('/images/error/helix_404_img_FR.png'); }
      &.lang_en { background-image: url('/images/error/helix_404_img_EN.png'); }
    }
  }

  &--maintenance {
    @include media-breakpoint-up(md) {
      background-image: url('/images/error/helix_maintenance_img.png');
      background-size: 50%;
      padding: 10% 0;
    }
  }

  &--500 {
    @include media-breakpoint-up(md) {
      background-image: url('/images/error/helix_500_img.png');
      background-position: right top;
      padding: 10% 0;
    }
  }
}