@media screen and (min-width: 479px) and (max-width: 799px) {
.display input[type="text"] {
font-size: 20px!important;
} 
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.display, .display input[type="text"] {
font-size: 16px!important;
}
.cell img {
width: 40px!important;
height: 40px!important;
}
.scorebox {
width: 40px!important;
}
}
body {
background-image: url("back.jpg");
background-attachment: fixed;
}
.connect {
position: relative;
margin: 20px 20px 0 20px;
}
.score-board, .open-inst, .game-btn {
color: #c7c7c7;
}
.cell img {
width: 50px;
height: 50px;
}
.display {
margin-left: -50px;
text-align: center;
color: #fff;
font-size: 20px;
}
.display input[type="text"] {
background: none;
border: 0;
}
.scorebox {
width:75px;
}
.doinst .text {
max-width: 700px;
}
.game-btn {
background-color: #313131;
border: 1px solid #c7c7c7;
}
.game-btn:hover {
background-color: #000;
}
.score-board, .goodscore .text, .lowscore .text {
max-width: 450px;
}
.score-board {
margin-top: 50px;
border: 1px solid #c7c7c7;
border-radius: 0;
}
.score-board tr:nth-child(even) {
background-color: #323232;
}
.score-board tr:nth-child(odd) {
background-color: #232323;
}