@media screen and (max-width: 1024px) {
    div.server-statistics {
        padding: 0 50px;
    }
}

@media screen and (max-width: 768px) {
    div.server-statistics {
        padding: 0 50px;
    }

    #second-top {
        margin-top: 35px;
    }
}

@media screen and (max-width: 645px) {
    div.server-statistics {
        padding: 0 20px;
    }
}

@media screen and (max-width: 730px) {
    nav ul {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.35s, visibility 0s 0.25s;
    }

    nav img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        transition: left 0.4s;
    }

    nav i.fas.fa-bars {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s;
    }
}

@media screen and (min-width: 730px) {
    div.hide-navigation-visible {
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s, visibility 0s 0.2s;
    }
}

@media screen and (max-width: 700px) {
    div.top-players {
        padding: 50px 25px;
    }

    div.top-players span.description::before {
        left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    h3.rules-title {
        font-size: 23px;
    }
}

@media screen and (max-width: 650px) {
    div.welcome-box div.text {
        left: 20px;
    }
}

@media screen and (max-width: 490px) {
    div.welcome-box div.text {
        left: 15px;
    }
    div.welcome-box div.text h1 {
        font-size: 38px;
    }

    div.welcome-box div.text h3 {
        font-size: 18px;
    }

    div.welcome-box button {
        padding: 18px 20px;
        font-size: 14px;
    }
}

@media screen and (max-width: 470px) {
    div.server-statistics span.time {
        font-size: 70px;
    }
}

@media screen and (max-width: 430px) {
    div.server-statistics span.time {
        font-size: 60px;
    }
}

@media screen and (max-width: 350px) {
    div.server-statistics span.time {
        font-size: 50px;
    }
}

@media screen and (max-width: 290px) {
    div.server-statistics span.time {
        font-size: 40px;
    }
}