html, body {
    height : 100%;
}

.container {
    height : 100%;
    width  : 100%;
    float  : left;
}

.main-blob {
    width           : 100%;
    float           : left;
    background      : url('../img/background.jpg') no-repeat center bottom;
    background-size : cover;
    height          : 100%;
}

.logo {
    width           : 310px;
    height          : 50px;
    background      : url('../img/logo.png') no-repeat center center;
    background-size : contain;
    margin          : 34px auto 0 auto;
}

.button_wrapper {
    position        : absolute;
    margin          : auto;
    width           : 100%;
    bottom          : 10px;

    display         : flex;
    flex-wrap       : wrap;
    justify-content : center;
}

.button {
    margin : 7px 15px;
    width  : 180px;
    height : 60px;
}

.button__appstore {
    background      : url('../img/button-appstore.png') no-repeat center center;
    background-size : contain;
    /*width: 280px;*/ /* layout buttons are different :)*/
}

.button__gp {
    background      : url('../img/button-gp.png') no-repeat center center;
    background-size : contain;
}

.button__mac {
    background      : url('../img/button-mac.png') no-repeat center center;
    background-size : contain;
}

.button__amazon {
    background      : url('../img/button-amazon.png') no-repeat center center;
    background-size : contain;
}

.button__uwp {
    background      : url('../img/button-uwp.png') no-repeat center center;
    background-size : contain;
}

@media (min-width : 480px) {
    .logo {
        width  : 440px;
        height : 50px;
        margin : 50px auto 0 auto;
    }
}

@media (min-width : 768px) {
    .logo {
        width  : 680px;
        height : 80px;
        margin : 70px auto 0 auto;
    }

    .button {
        margin : 15px 15px;
        width  : 282px;
        height : 84px;

    }

    .button_wrapper {
        bottom : 30px;
    }

    .main-blob {
        background      : url('../img/background.jpg') no-repeat 51% bottom;
        background-size : cover;
    }
}

@media (min-width : 992px) {
    .button_wrapper {
        bottom : 60px;
    }

    .logo {
        width  : 900px;
        height : 110px;
        margin : 60px auto 0 auto;
    }
}

@media (min-width : 1200px) {
    .logo {
        width  : 1000px;
        height : 120px;
        margin : 40px auto 0 auto;
    }
}

@media (min-width : 1600px) {

}