/*----------------- Start of CSS for number-generator php ------------------------*/
.group {
	display: inline-block;
	margin-bottom: 10px;
}

.button-red {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ae0000 0%, #ff0000 97%, #ae0000 97%) repeat scroll 0 0;
    vertical-align: middle;
	cursor: pointer;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 -1px 1px #333;
    top: 0;
    transition: all 0.1s linear 0s;
}

.kocok {
	border: none;
	background: transparent;
	cursor: pointer;
	color: white;
	font-size: 16px;
	padding: 5px;
	font-weight: bold;
}

.reel {
background: linear-gradient(to bottom, #c8c3b6 0%,#ffffff 45%,#ffffff 55%,#c8c3b6 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
    text-align:center;
    float: left;
    padding:0 10px;
    width: 35px;
    height: 78px;
    overflow: hidden;
    margin-right: 10px;
}

.reel div {
      position: relative;
      top: -60px;
	  border-left: 1px solid grey;
	  border-right: 1px solid grey;
	  }
	
.reel p {
      font-weight: bold;
      height: 58px;
      margin-top: 10px;
	  font-size: 48px;
	  color: #07314a;
}

.reel p:nth-child(1) {color:#07314a}
.reel p:nth-child(2) {color:#07314a}
.reel p:nth-child(3) {color:#07314a}
/*----------------- End of CSS for number-generator php ------------------------*/

@media only screen and (max-device-width: 1000px) {
body {
	width: 100%;
	margin: auto;
}

.homemobi {
	width: 100%;
	margin: auto;
	display: block;
	justify-content: center;
	cursor: pointer;
	background: black;
	color: white;
}

.menumobi {
	text-decoration: none;
	text-align: center;
	font-size: 54px;
	display: block;
	border: 2px solid white;
	padding-top: 15px;
	padding-bottom: 15px;
	width: auto;
	color: white;
	font-weight: bold;
}

.menumobi-content {
	display: none;
	background: rgb(255,255,255,0.9);
	
}

.menumobi-content a {
	text-decoration: none;
	display: block;
	border-top: 1px solid black;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 48px;
	color: black;
}

.visible {
	display: block;
}

.mobi {
	width: 95%;
}

.mobi a {
	width: 95%;
	font-size: 46px;
}


.button-red {
    padding-top: 30px;
    padding-bottom: 25px;

}

.kocok {
	font-size: 36px;
	padding-left: 25px;
	padding-right: 25px;
}