@media screen and (min-width: 0px) and (max-width: 599px) {
.tdcell {
width: 25px!important;
height: 15px!important;
}
.pipe-drop .enterscore input[type="text"] {
font-size: 16px!important;
}
}
@media screen and (min-width: 599px) and (max-width: 767px) {
.tdcell {
width: 30px!important;
height: 20px!important;
} 
}
@media screen and (min-width: 0px) and (max-width: 599px) {
.pipe-drop .enterscore input[type="text"] {
font-size: 16px!important;
}
.pipe-drop .enterscore .text {
font-size: 18px!important;
}
}
.pipe-drop {
margin: 20px;
}
.pipe-drop .logo {
width: 50%;
}
.pipe-drop .game-table {
border-collapse: collapse;
margin-top: 20px;
}
.game-table img {
width: 100%;
height: 100%;
}
.pipe-drop .score-inputs {
position: relative;
margin: 0 auto 20px auto;
}
.pipe-drop .enterscore .text {
font-size: 25px;
}
.pipe-drop .enterscore input[type="text"] {
border: 0;
margin: 10px 0px;
font-size: 23px;
background-color: inherit;
color: inherit;
vertical-align: unset;
}
.pipe-drop .tdcell {
width: 45px;
height: 35px;
}
.game-btn {
background-color: #8c96fb;
color: #fff;
}
.pipe-drop .score-board {
max-width: 500px;
border: 7px solid #8c96fb;
}
.pipe-drop .score-board .top {
background-color: #fff!important;
border-bottom: 1px solid #8c96fb;
}
.pipe-drop .score-board tr:nth-child(even), .pipe-drop .score-board .title {
background-color: #fff;
}
.pipe-drop .score-board tr:nth-child(odd) {
background-color: #ededf3;
}
.pipe-drop .instruct .text {
max-width: 400px;
}
.pipe-drop .instruct {
bottom: 5%;
}