section .voucher-banner {
  position: relative;
}

section .voucher-banner .title-wrapper {
    position: absolute;
    top: 37%;
    color: #FFFFFF;
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-weight: 450;
    line-height: 21px;
    text-align: center;
}

section .voucher-banner .title-wrapper .title-desktop {
   display: none;
}

section .voucher-banner img.bg-banner {
    display: none;
}


section .voucher-banner img.bg-banner-tablet {
    display: block;
    width: 100%;
 }

@media only screen and (min-width: 768px) {
 section .voucher-banner .title-wrapper {
    font-size: 30px;
    font-weight: 450;
 }
}

@media only screen and (min-width: 992px) {
 section .voucher-banner img.bg-banner {
    width: 100%;
    display: block;
 }

 section .voucher-banner img.bg-banner-tablet {
    display: none;
 }

 section .voucher-banner .title-wrapper {
    font-size: 30px;
    top: 32%;
 }
 section .voucher-banner .title-wrapper .title-desktop {
   display: block;
 }
}


@media only screen and (min-width: 1400px) {
 section .voucher-banner .title-wrapper {
      font-size: 45px;
      top: 30%;
 }
}