.promotion {
  background-repeat: no-repeat;
  background-position: center center;
  padding: 70px 0;
}

.promotion h2 {
  margin: 1.5rem 0;
}

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

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

@media only screen and (min-width:1440px) {
  .promotion h2 {
    max-width: 285px;
  }
}

@media only screen and (min-width:1440px) {
  .promotion .container {
    position: relative;
  }

  .promotion img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    max-width: 350px;
  }
}

@media only screen and (min-width:1600px) {
  .promotion img {
    max-width: 450px;
  }
}

@media only screen and (min-width:1900px) {
  .promotion img {
    max-width: 500px;
  }
}