.promotion {
  line-height:1.8;
  padding:100px 0 0;
  overflow-x: hidden;
  background-size: auto 170%;
  background-position: right bottom;
  background-repeat: no-repeat;
}

.promotion h2 {
  margin:1.5rem 0;
}

.promotion img {
  display:block;
  margin:20px auto;
}

.promotion .button {
  margin-bottom: 50px;
}

@media only screen and (min-width:768px) {
  .promotion h2 {
    line-height:1.0;
  }
}

@media only screen and (max-width:991px) {
  .promotion {
    background-image: none !important;
  }
}

@media only screen and (max-width:1199px) {
  .promotion {
    background-size: auto 100%;
  }
}


@media only screen and (min-width:1440px) {
  .promotion h2 {
    max-width:285px;
  }
  .promotion .container {
    position:relative;
  }
  .promotion img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transform-origin: left bottom;
  }
}

@media only screen and (min-width:1600px) {

  .promotion img{
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}