body
{
    width: 100%; height: 100%;  margin: 0;
    background: url("/getapp/images/bg.jpg") no-repeat center center;
    background-size: cover;
    background-color: #045977;
}
#getapp_content
{
    position: relative;
    top:10px;

    text-shadow: 1px 1px 2px black;
}

@media screen and (min-width: 768px)
{
    #getapp_content #getapp_table
    {
        position: relative;
        margin: auto;
        width:427px; height:366px;
        background: url("/getapp/images/table.png");
    }
    #getapp_content #getapp_txt
    {
        position: absolute;
        max-width: 153px;
        top: 140px;
        left: 40px;
        line-height: 40px;
        text-align: center;
        color: white;
        font-size: 27px;

    }
    #getapp_content #ios_button
    {
        position: absolute;
        width: 427px;  height: 143px;  top: 400px;  left: 0px;
        cursor:pointer;
    }
    #getapp_content #ios_button img
    {
        width: 427px;  height: 143px;
    }
    #getapp_content #android_button
    {
        position: absolute;
        width: 427px;  height: 127px;  top: 600px;  left:0;
        cursor:pointer;
    }
    #getapp_content #android_button img
    {
        width: 427px;  height: 127px;
    }
    #getapp_content #huawei_button
    {
        position: absolute;
        width: 427px;  height: 127px;  top: 800px;  left:0;
        cursor:pointer;
    }
    #getapp_content #huawei_button img
    {
        width: 427px;  height: 127px;
    }
    #getapp_content #qr_container
    {
        position: absolute;
        width: 150px; height: 150px; top: 167px; left: 234px;
        background: url("/getapp/images/frame.png");
    }
    #getapp_content #qr_container_icon
    {
        position: absolute;
        width: 130px;
        height: 130px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 767px)
{
    #getapp_content #getapp_table
    {
        position: relative;
        margin: auto;
        width:320px; height:274px;
        background: url("/getapp/images/tablemini.png");
    }
    #getapp_content #getapp_txt
    {
        position: absolute;
        max-width: 119px;
        top: 102px;
        left: 18px;
        line-height: 32px;
        text-align: center;
        color: white;
        font-size: 21px;
    }
    #getapp_content #ios_button
    {
        position: absolute;
        width: 310px;  height: 104px;  top: 297px;  left: 5px;
        cursor:pointer;
    }
    #getapp_content #ios_button img
    {
        width: 310px;  height: 104px;
    }
    #getapp_content #android_button
    {
        position: absolute;
        width: 320px;  height: 95px;  top: 427px;  left: 0px;
        background-size: contain;
        cursor: pointer;
    }
    #getapp_content #android_button img
    {
        width: 320px;  height: 95px;
    }
    #getapp_content #huawei_button
    {
        position: absolute;
        width: 320px;  height: 95px;  top: 557px;  left: 0px;
        background-size: contain;
        cursor: pointer;
    }
    #getapp_content #huawei_button img
    {
        width: 320px;  height: 95px;
    }
    #getapp_content #qr_container
    {
        position: absolute;
        width: 150px; height: 150px; top: 108px; left: 150px;
        background: url("/getapp/images/frame.png");
    }
    #getapp_content #qr_container_icon
    {
        position: absolute;
        width: 130px;
        height: 130px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media screen and (min-width: 1200px)
{
    body
    {
        background-size:auto;
    }
}