.advrtsr-bg {
    background: url('../media/images/s24_start_artikel-2.jpg') 50% 40% no-repeat;
    height: 600px;
    background-size: cover;
}

.logo {
    overflow: hidden;
    opacity: 0.7;
}

.logo img {
    max-width: 226%;
    float: right;
}

.savings {
    background: #FFF500;
    border-radius: 100%;
    width: 190px;
    height: 190px;
    text-align: center;
    position: absolute;
    top: -50px;
    left: -140px;
}

.savings p {
    margin: 65px 0 0;
    font-size: 20px;
    color: #0A314C;
}

#benefits {
    background-image: url('../media/s24_dots.svg'), url('../media/s24_dots.svg');
    background-position: -50px 20px, right -100px;
    background-repeat: no-repeat, no-repeat;
    background-size: 26%, 20%;
}

#benefits ul {
    margin: 0
}

/*Mobile*/
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width:1200px) {}

/* Large devices (desktops, 992px and up) */
@media (max-width:992px) {
    .savings {width: 160px;height: 160px;top: -70px;left: -120px;}
    .savings p {margin: 51px 0 0;}
    #benefits ul {padding:0;}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .savings {top: -40px;left: -130px;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .logo img {max-width: 223%;}
    #benefits ul {padding:0 20px 15px;}
}

/* Smallest devices */
@media (max-width: 400px) {
    .logo img {max-width: 237%;}
}