html, body{
    width:100%;
}
body{
    background-image:url(../images/bg.jpg);
    background-color:#f3f2ee;
    margin:0;
    padding:0;
}
.page-wrapper{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:3% 0;
    min-height:100vh;
    box-sizing:border-box;
}
.page-wrapper .logo{
    margin-bottom:auto;
    text-align:center;
}
.page-wrapper .logo img{
    margin-bottom:30px;
}
.page-wrapper .download{
    text-align:center;
    margin:auto;
}
.page-wrapper .download img{
    display:block;
    margin:0 auto;
}
.page-wrapper .download>img{
    margin-bottom:30px;
}
.page-wrapper .bottom{
    margin-top:auto;
    text-align:center;
}
.page-wrapper .bottom img{
    margin-top:40px;
}
@media screen and (max-width:1600px){
    .page-wrapper .logo img{
        max-width:300px;
    }
    .page-wrapper .download img{
        max-width:700px;
    }
    .page-wrapper .download a>img{
        max-width:400px;
    }
    .page-wrapper .bottom img{
        max-width:300px;
    }
}
@media screen and (max-width:767px){
    .page-wrapper .logo img{
        max-width:80%;
        margin:30px 0;
    }
    .page-wrapper .download img{
        max-width:80%;
    }
    .page-wrapper .download a>img{
        max-width:80%;
    }
    .page-wrapper .bottom img{
        max-width:80%;
        margin:30px 0;
    }
}