.game-container {
   position: relative; 
}

/*
 * Styles for the deck of cards
 */

.deck {
    background: #fff;
    padding: 32px 16px 4px 16px;
    /*-webkit-box-shadow: 0px 0px 58px -20px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 58px -20px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 58px -20px rgba(0,0,0,0.5);*/
    list-style: none;
}

#bigtimer {
    width: 100%;
    height: 100%;
    background: #2C3845;
}



.deck .card {
    background: #e2eed9;
    font-size: 0;
    padding: 0;
    margin: -5px;
    border-radius: 8px;
    cursor: pointer;
/*    box-shadow: 0px 0px 27px -8px rgba(0,0,0,0.5);*/
    margin-bottom: 25px;
    border: none !important;
}

.deck .card img {
    opacity: 0;
    pointer-events: none;
}

.deck .card.open {
    transform: rotateY(0) !important;
    background: transparent;
    cursor: default;
    pointer-events: none;
}

.deck .card.open img {
    display: block !important;
    opacity: 1;
}

.deck .card.show {
    font-size: 50px;
    pointer-events: none;
}

.deck .card.show img {
    display: block !important;
    opacity: 1;
}

.deck .card.match {
    cursor: default;
    background: transparent;
    font-size: 50px;
    pointer-events: none;
}

.deck .card.match img {
    display: block !important;
    opacity: 1;
}

/*
 * Responsiveness
 */


@media only screen and (max-width: 767px) {
    .deck .card {
        margin: -10px;
        margin-bottom: 20px;
    }
}