@media screen and (min-width: 479px) and (max-width: 767px) {
.tower select {
height: 30px!important;
}
}
@media screen and (min-width: 479px) and (max-width: 599px) {
.tower .pole {
width: 130px!important;
height: 20px!important;
}
.tower .base, .tower .buttons {
width: 440px!important;
}
}
@media screen and (min-width: 0px) and (max-width: 479px) {
.tower .pole {
width: 95px!important;
height: 10px!important;
}
.tower .base, .tower .buttons {
width: 300px!important;
}
.tower .game-btn, .tower select {
margin: 0 0 5px 0!important;
}
.tower select {
height: 27px!important;
}
}
body {
background-image: url("../../back/misc/13.jpg");
background-attachment: fixed;
background-size: cover;
}
.tower {
margin: 20px 10px 0 10px;
}
.tower h4 {
display: table;
margin: 0 auto 30px auto;
}
.tower table {
margin: auto;
}
.tower table img {
display: block;
}
.tower .pole {
width: 160px;
height: 21px;
}
.tower .base, .tower .buttons {
display: table;
margin: auto;
background-image: url("../../back/wood/wood13.jpg");
border-radius: 5px 5px 0px 0px;
filter: contrast(150%);
}
.tower .base {
width: 500px;
height: 25px;
padding: 10px 10px 0 10px;
}
.tower .buttons {
width: 530px;
padding: 10px;
}
.tower .inner {
background-color: #000;
padding: 5px 0;
}
.tower input[type="text"] {
display: table;
margin: auto;
width: 100%;
height: 25px;
background-color: #000;
color: #d8d6d5;
font-size: 16px;
border: 0;
text-align: center;
}
.tower .game-btn, .tower select {
background-image: url("../../back/wood/wood13.jpg");
color: #fff;
margin: 0 2px;
}
.tower select {
width: 50px;
height: 33px;
background-color: #000;
color: #d8d6d5;
border: 0;
}
.tower .level {
font-size: 15px;
padding: 6px 5px 0 0;
color: #d8d6d5;
}