@media screen and (min-width: 600px) and (max-width: 800px) {
.zcard {
height: 60px!important;
width: 16px!important;
}
.stockback {
width:  50px!important;
height: 60px!important;
}
}
@media screen and (min-width: 480px) and (max-width: 600px) {
.zcard {
height: 60px!important;
width: 15px!important;
}
.stockback {
width:  52px!important;
height: 60px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
.zcard {
height: 40px!important;
width: 9px!important;
}
.stockback {
width:  29px!important;
height: 40px!important;
}
}
body {
background-image: url("back.jpg");
background-attachment: fixed;
background-size: cover;
}
.logo {
width: 75%;
}
.board-wrap {
margin: 20px 15px 0 15px;
}
.zboard {
display: table;
margin: auto;

}
.zcard {
height: 80px;
width: 21px;
}
.stockback {
width:  65px;
height: 80px;
}
.game-btn {
background: #000000;
background: linear-gradient(270deg, #000000, #FF0101);
color: #ffffff;
border: 1px solid #000000;
}
.board-wrap input[type=text] {
width: 200px;
}

.glyphicon-question-sign {
color: #ffffff;
font-size: 24px;
}
.instruct {
position: relative!important;
top: -5px
}
.score-board {
max-width: 500px;
color: #ffffff;
}
.score-board {
border: inset 10px #380f04;
}
.score-board h4 {
font-weight: 400;
padding: 5px;
}
.score-board tr:nth-child(even) {
background: #000000;
background: linear-gradient(270deg, #000000, #FF0101);
}
.score-board tr:nth-child(odd) {
background-color: #000000;
}