.swop22-stick-wrapper {
  padding-top: 29px;
}

.swop22-stick-box {
  font-size: 20px;
  line-height: 1.5em;
  letter-spacing: 0.0783em;
  margin-bottom: 55px;
  position: relative;
}

.swop22-stick-box:last-child {
  margin-bottom: 0;
}

.swop22-stick-box:before {
  content: '';
  width: 154px;
  height: 58px;
  background: center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: calc(50% - 62px);
  transform: translate(0, -50%);
  z-index: 2;
  opacity: 0.85;
}

.swop22-stick-box:nth-child(1):before {
  background-image: url(images/tape-1.png);
}

.swop22-stick-box:nth-child(2):before {
  background-image: url(images/tape-2.png);
}

.swop22-stick-box-inner {
  padding: 40px 20px;
  background: #fff url(images/stick-bg.jpg) 0 0 repeat;
  box-shadow: 0 2px 18px 0 rgba(137, 136, 136, 0.5);
}

.swop22-stick-box p {
  margin: 0 0 15px 0;
}

ul.swop22-stick-list {
  margin: 0;
  padding: 0;
}

ul.swop22-stick-list li {
  margin: 0;
  padding: 0 0 8px 20px;
  list-style: none;
  position: relative;
}

ul.swop22-stick-list li:last-child {
  padding-bottom: 0;
}

ul.swop22-stick-list li:after {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (min-width: 480px) {
  .swop22-stick-box-inner {
    padding: 50px 35px;
  }
}

@media screen and (min-width: 768px) {
  .swop22-stick-wrapper {
    display: flex;
    padding-top: 38px;
    margin-left: -40px;
  }

  .swop22-stick-box {
    display: flex;
    flex-grow: 1;
    width: 100%;
    padding-left: 40px;
    margin-bottom: 0;
  }

  .swop22-stick-split .swop22-stick-box {
    width: 50%;
  }

  .swop22-stick-box:before {
    left: calc(50% - 67px);
    width: 208px;
    height: 77px;
  }

  .swop22-stick-box-inner {
    padding: 80px 40px 80px;
  }

  .swop22-stick-box p.swop22-stick-header {
    margin-bottom: 40px;
  }

  ul.swop22-stick-list li {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 1000px) {
  .swop22-stick-wrapper {
    padding-top: 58px;
    margin-left: -90px;
  }

  .swop22-stick-box {
    padding: 0 0 0 90px;
    font-size: 22px;
    line-height: 1.5em;
    letter-spacing: 0.0783em;
  }

  .swop22-stick-box:before {
    left: calc(50% - 98px);
    width: 308px;
    height: 116px;
  }

  .swop22-stick-box-inner {
    padding: 80px 50px 80px;
  }
}

@media screen and (min-width: 1200px) {
  .swop22-stick-box {
    font-size: 24px;
    line-height: 1.5em;
    letter-spacing: 0.0783em;
  }

  .swop22-stick-box-inner {
    padding: 120px 90px 110px;
  }
}