@media screen and (min-width: 0px) and (max-width: 599px) {
.marbles .tdcell {
width: 30px!important;
}
.marbles .enterscore input[type="text"] {
font-size: 16px!important;
}
.marbles .enterscore .text {
font-size: 18px!important;
}
}
body {
background-image: url("../../back/misc/gradient_right.jpg");
background-attachment: fixed;
background-size: cover;
}
.marbles {
position: relative;
margin: 10px 20px 0px 20px;
}
.marbles .logo {
width: 50%;
}
.marbles .instruct {
top: 0;
}
.note .text {
max-width: 650px;
}
.note2 .text, .note3 .text {
max-width: 450px;
}
.marbles .game-table td {
border: 1px solid #5f5d5d;
padding: 2px;
}
.marbles .game-table img {
width: 100%;
}
.marbles .score-inputs {
margin: 0px 0px 20px 0px;
position: relative;
}
.marbles .enterscore .text {
font-size: 25px;
}
.marbles .enterscore input[type="text"] {
border: 0;
margin: 10px 0px;
font-size: 23px;
background-color: inherit;
color: inherit;
vertical-align: unset;
}
.marbles .tdcell {
width: 45px;
}
.game-btn {
background-color: #7b94aa;
color: #fff;
border: 1px solid #000;
}
.game-btn:hover {
background-color: #61788d;
}

.marbles .score-board {
max-width: 500px;
border: 1px solid #5f5d5d;
}
.marbles .score-board .top {
border-bottom: 1px solid #5f5d5d;
}
.marbles .score-board tr:nth-child(even) {
background-color: #ededf3;
opacity: 0.8;
}
.marbles .score-board tr:nth-child(odd) {
background-color: none;
}