body {
    background: url('../images/gamedatabg.png') no-repeat;
    background-position: top right;
    background-size: 100% auto;
}

.downloads_box {
    top: 30vh;
}

.container {
    top: 65vh;
}

.container>.main {
    padding: 0;
    background: transparent;
}

.container .atr_box .server_conter {
    width: 317px;
}

.server_conter .cont {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(255, 255, 255, .8);
    padding: 32px 36px;
}
.logo{text-align:center}
.logo img{width:auto; height:auto;}
.container .atr_box .art_list_cont {
    flex: 1;
    margin-left: 25px;
}

.art_list_cont .row_d {
    align-items: center;
}

.positions * {
    color: #fff;
    font-size: 14px;
}

.art_lists {
    width: 100%;
    background-color: rgba(255, 255, 255, .85);
    padding: 20px 33px;
}

.art_lists li a {
    padding: 8px 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
    font-size: 14px;
    border-bottom: 1px solid #cec3b1;
}

.art_lists li a:hover>.rowa .title {
    transition: transform .3s;
    transform: translateX(3px);
    color: #ad3015;
}

.art_lists li a span {
    padding: 0 11px 0 3px;
}

.art_lists li a .date {
    padding-right: 4px;
}

.pages {
    display: flex;
    align-items: center;
    margin-top: 13px;
    justify-content: center;
}

.pages .item_page {
    padding: 9px;
    margin: 0 8px;
    border: 1px solid #beaf94;
    color: #beaf94;
}

.pages .item_page a{
    color: #666;
    
}


footer {
    margin-top: 120px;
}

@media screen and (max-width:1200px) {
    .container>.main {
        padding: 0 20px;
    }
}

@media screen and (max-width:1000px) {
    .container .atr_box .server_conter {
        width: 200px;
    }
    body {
        background-size: 170% auto;
    }
}

@media screen and (max-width:700px) {
    .downloads_box {
        top: 40vh;
    }
    .container {
        top: 55vh;
    }
    .atr_box {
        flex-direction: column-reverse;
    }
    .container .atr_box .server_conter {
        width: 100%;
        margin-top: 20px;
    }
    .container .atr_box .art_list_cont {
        margin-left: 0;
    }
    .art_lists {
        padding: 10px 15px;
    }
    .art_conts {
        padding: 10px 0!important;
    }
    .bodys {
        padding: 0 5px!important;
    }
            .logo img{max-width:60%; height:auto}
}

@media screen and (max-width:500px) {
    .downloads_box {
        top: 30vh;
    }
    .container {
        top: 45vh;
    }
    footer {
        margin-top: 50px;
    }
            .logo img{max-width:60%; height:auto}
}