@media screen and (max-width: 1304px) {
    .navbar-item:first-child .logo-image {
        display: none !important;
    }
    .nav-first {
        margin-left: 70px;
    }
}

@media screen and (max-width: 1060px) {
    .home-left, .home-right {
        margin: 0 auto 0 auto;
        display: block;
        width: 80vw;
    }
    .news-card {
        width: 80vw;
    }
    .banner {
        height: 20rem;
    }
    .banner-header {
        font-size: 3em;
    }
    .banner-subheader {
        font-size: 1em;
        width: 60vw;
    }
}

@media screen and (max-width: 1160px) {
    .navbar-item {
        display: none;
    }
    .nav-item {
        padding: 0 5px 0 5px;
    }
}

@media screen and (max-width: 1090px) {
    .fb, .tw {
        display: none !important;
    }
}

@media screen and (max-width: 960px) {
    .nav-item:last-child {
        display: none;
    }
}

@media screen and (max-width: 820px) {
    .game-container {
        width: 80vw !important;
        height: 60vw !important;
    }
    .test-game-container {
        width: 80vw !important;
        height: 60vw !important;
    }
    .game-client {
        width: 80vw !important;
        height: 60vw !important;
    }
    .nav-first {
        margin-left: 40px;
    }
}

@media screen and (max-width: 767px) {
    .nav-first {
        margin-left: 0px;
    }
    .hamburger-menu {
        display: block;
    }
    .show .dropdown-menu {
        margin-top: 0px !important;
    }
    .fb, .tw { 
        display: none !important;
    }
    .navbar-collapse {
        margin-top: 58px !important;
    }
    .nav-item {
        /*background-color: rgba(85, 17, 85, 0.904);*/
        text-align: center;
        background-color: #007777;
        padding: none;
        line-height: 40px;
    }
    .dark .nav-item {
        background-color: #005555;
    }
    .nav-item:hover {
        color: white;
    }
    .nav-first {
        margin-top: 21px;
    }
    .playbutton {
        border: none;
        background: none;
        color: #CBBDE2;
        box-shadow: none;
    }
    .playbutton:hover {
        border: none;
        background: none;
        color: white;
    }
    .nav-item:last-child {
        display: inline-block;
        padding-bottom: 15px;
    }
}