@media screen and (max-width: 900px) {
    .table .col1 {
        width:100%;
    }
    .table .col2 {
        width: 90%;
        margin-left: 5%;
    }
    .dd {
        margin-top: 7%;
        float: left;
        margin-left: 25%;
        width: 50%;
    }
    .ff iframe {
        width:100%;
        height: 315px;
    }
    div.sponsor a img {
        width: 50%;
        margin-left:5%;
    }

    div.partner a img.rr {
        height: 20%;
        width: auto;
    }
    div.partner a img {
        width: 90%;
        margin-left:5%;
    }
    .left div.btn {
        float: left;
    }
    .left div.col2 img.s2 {
        margin-top: 0;
    }
    .left div.col2 img.s6 {
        margin-top: 0;
    }
    div.col2 img.klif {
        width: 85%;
        margin-left: 7%;
        margin-top: 0;
        float: left;
    }
    div.col2 img.s7 {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .table .col3 div.btn {
        margin: 0 auto;
        float: none;
        height: 80px;
        width: 80%;
    }
    div.btn {
        font-size: 5vw;
        width: 80%;
        margin-left: 10.5%;
    }
    div.content {
        clear: both;
        width: 90%;
        margin-left: 5%;
    }
    div.col2 img {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    div.col2 img.s1 {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}