@media screen and (min-width: 65rem) {
    div.gameContainer {
        display: flex;
        height: 555px;
    }

    div.gameImgContainer {
        width: 55%;
        font-size: 100%;
        position: relative;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.gameTextContainer {
        width: 45%;
        font-size: 100%;
        position: relative;
    }
}

div.gameImg {
    margin: auto;
}

div.gameImg > img {
    width: 90%;
    max-width: 35em;

    /*centering the image*/
    display: block;
    margin: auto;

    border-radius: 10%;

    transform: rotate(+5deg);
}


div.gameLinks {
    text-align: center;
    margin: 3em auto;
    padding: 0em 5%;
    max-width: 37rem;
}

div.gameLinkButton {
    width: 100%;
}

div.gameLinks img.gameLinkButtonImg {
    filter: grayscale(100%) drop-shadow(0px 0px 5px gray);
    width: 80%;
}

div.gameLinks img.gameLinkButtonImg:link, div.gameLinks img.gameLinkButtonImg:visited  {
    filter: grayscale(100%);
    width: 80%;
}
  
div.gameLinks img.gameLinkButtonImg:hover {
    filter: saturate(90%);
    width: 85%;
}
  
div.gameLinks img.gameLinkButtonImg:active {
    filter: blur(5px);
    filter: saturate(100%);
    width: 80%;
}

/*
div.gameLogo > img {
    width: 90%;
    max-width: 35em;

    display: block;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    z-index: 1;
    margin-top: -35%;
    margin-bottom: 5%;

    transform: rotate(-5deg);
}
*/