@media screen and (min-width: 0px) and (max-width: 800px) {
.elogo {
max-width: 85%!important;
} 
}
@media screen and (min-width: 0px) and (max-width: 599px) {
body {
font-size: 14px!important;
}
.light,
.chngbutton,
.chngbutton img {
width: 25px!important;
height: 34px!important;
}
.chngbutton {
background-image: url("mobile.png")!important;
}
}
body {
background-image: url("../../back/wood/wood1.jpg");
background-attachment: fixed;
background-size: cover;
font-size: 16px;
font-family: Tahoma, Geneva, sans-serif;
}
.lightson-wrap {
position: relative;
margin: 20px;
text-align: center;
}
.logo {
max-width: 50%;
}
.note {
color: #fff;
font-size: 16px;
padding-bottom: 20px;
}
.instruct {
top: 210px;
}
.instruct .text {
max-width: 450px;
}
.board {
display: table;
margin: 0px auto 50px auto;
background-color: #000;
padding: 10px 10px 0px 10px;
border: 5px inset #4c4c4c;
}
.buttons {
color: #fff;
padding: 5px 0 0 0;
}
label {
padding: 2px;
position: relative;
}
.light,
.chngbutton,
.chngbutton img {
width: 50px;
height: 67px;
}
.light {
position: relative;
}
.chngbutton {
background-image: url("switch.png");
position: absolute;
z-index: 1;
}
.score-inp, .score-inp2 {
max-width: 25px!important;
border: none!important;
background: none;
}
.score-inp {
color: #fff;
}
.score-inp2 {
margin: -5px 0!important;
}
.game-btn {
background-color: #4159b3;
margin-left: 10px;
}
.check {
display: none;
}
.score-board {
max-width: 550px;
border: 5px inset #4c4c4c;
}
.score-board h4 {
color: #ababab;
}
.score-board tr:nth-child(even) {
background: none;
color: #ababab;
}
.score-board tr:nth-child(odd) {
background-color: #3b3b3b;
color: #ababab;
}