
@media (min-width: 1100px) {

    html{
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }
    body{
        width: 100% !important;
        height: 100% !important;
        overflow: hidden !important;
    }
    #grid{
        right: 60px;
    }
    #gameover{
        background-image: url(gameoverBackground.jpg) !important;
    }
    .optionsModal{
        top: 220px;
    }
    
} /* End Mobile Stylesheet */

@media (min-width: 1700px) {
    #gameover p{
        margin-top: 430px;
    }
    .optionsModal{
        top: 50%;
        position: relative;
    }
}

@media (min-width: 1900px) {
    #gameover p{
        margin-top: 470px;
    }
}
