/* Hangman */

#gameWon, #gameLost {
    position: relative;
    top: 100px;
    padding: 0 50px;
    margin: 0 auto;
    min-width: 100px;
    max-width: 450px;
    text-align: center;
    
}

.hangman {
    margin: 125px 0 100px 0;
    padding: 25px;
    color: #777777;
    background-color: #ffffff;
    border-color: #dddddd;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    height: 500px;
}

.centerTable {
    margin: 5px auto;
    text-align: center;
}

.leftTable {
    float: left;
    margin: 5px auto;
    text-align: left;
    min-width: 150px;
}

.rightTable {
    float: right;
    margin: 5px auto;
    text-align: left;
    min-width: 150px;
}

/*
.centerMessage {
    margin: 150px auto;
    padding: 20px;
}
*/

@media only screen and (max-width: 786px) {
	.hangman {
        margin-top: 74px;
        margin-bottom: 0px;
		height: auto;
		min-height: calc(100vh - 172px);
	}
}