.wrapper {
    width: 850px;
    margin: 0px auto;
    background: url(../images/wrapper-bg.png) no-repeat top center;
    padding-top: 120px;
}

#statement {
    position:relative;
    width:800px;
    height:300px;
    overflow:hidden;
    margin-top:-73px;
    border-radius:5px;
    box-shadow:rgb(38, 57, 77) 0px 20px 30px -10px;
    z-index:-1;
    background: url('../images/front-statement.jpg');
    background-repeat: no-repeat;
}

#slideshow {
    position:relative;
    width:800px;
    height:300px;
    overflow:hidden;
    margin-top:-73px;
    border-radius:5px;
    box-shadow:rgb(38, 57, 77) 0px 20px 30px -10px;
    z-index:-1;
}

#slideshow img {
    position:absolute;
    width:800px;
    height:300px;
    top:50%;
    left:50%;
    margin-left:-400px;
    margin-top:-151px;
    opacity:0;
    -webkit-transition-property: opacity, -webkit-transform;
    -webkit-transition-duration: 3s, 10s;
       -moz-transition-property: opacity, -moz-transform;
       -moz-transition-duration: 3s, 10s;
        -ms-transition-property: opacity, -ms-transform;
        -ms-transition-duration: 3s, 10s;
         -o-transition-property: opacity, -o-transform;
         -o-transition-duration: 3s, 10s;
            transition-property: opacity, transform;
            transition-duration: 3s, 10s;
}

#slideshow img  {
    -webkit-transform-origin: bottom left;
       -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
         -o-transform-origin: bottom left;
            transform-origin: bottom left;
}

#slideshow :nth-child(2n+1) {
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
}

#slideshow :nth-child(3n+1) {
    -webkit-transform-origin: top left;
       -moz-transform-origin: top left;
        -ms-transform-origin: top left;
         -o-transform-origin: top left;
            transform-origin: top left;
}
#slideshow :nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}

#slideshow .fx:first-child + img ~ img  {
    z-index:-1;
}

#slideshow .fx {
    opacity:1;
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
}
#slideinfo {
    font-family: jura, Arial, Helvetica, sans-serif;;
    font-size: 13px;
    margin-top: -21px;
    margin-right: 35px;
    color: blue;
    z-index: 999;
}

@media (max-width: 784px) {
    .wrapper {
        width: 750px;
        background-size: 730px auto;
    }
    
    #slideshow {
        width:700px;
    }
    #statement {
        width:700px;
        background-size: 700px 300px;
        background-repeat: no-repeat;
    }
}