@media only screen and (max-width: 1200px) {

    /* update with package.json changes responsive hamburger menu, done for beta-143 */
    span.sc-fEiIrt {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' x='0' y='0' viewBox='0 0 396.7 396.7' xml:space='preserve'%3E%3Cpath fill='%23ffffff' d='M17 87.8h362.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H17c-9.3 0-17 7.7-17 17C0 80.2 7.7 87.8 17 87.8zM17 215.3h362.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H17c-9.3 0-17 7.7-17 17S7.7 215.3 17 215.3zM17 342.8h362.7c9.4 0 17-7.6 17-17s-7.6-17-17-17H17c-9.3 0-17 7.7-17 17S7.7 342.8 17 342.8z'/%3E%3C/svg%3E")
    }

    /* update with package.json changes responsive top nav and page color for search, done for beta-143 */
    .sc-ciQpPG {
        background: #000b2f !important;
    }

    nav li a {
        color: white;
    }

    #jumbotron h1 {
        width: 90%;
        font-size: 2.5em;
    }

    /* update with package.json changes to control logo margins in responsive view, done for beta-143 */
    img.sc-bcSKrn.sc-iZzKWI {
        margin-top: 1.18rem;
        margin-left: 1.2rem;
    }

/* update with package.json changes updated icon size for back button in scoped view, done for beta-143 */
    .sc-eONNys::before {
        width: 2%;
    }

}

@media only screen and (max-width: 967px) {

    #tile-container {
       display: block;
    }

    ul[class*="Footer__FooterItems"] {
        display: block;
    }

    div[class*="Footer__FooterWrapper"] ul {
        line-height: 1.35!important;
        border-right: 0px!important;
        height: unset!important;
    }

    .copyright {
        padding-left: 50px;
        padding-right: 20px;
        line-height: 1.35;
    }

}

@media screen and (min-width: 968px) {

    #tile-container {
        width: 90%;
    }

}

@media screen and (max-width: 1446px) {

    #multi-player-container {
        display: block !important;
    }

    #multi-player-intro {
        padding-right: 0px !important;
    }

}