* {
	margin: 0;
	padding: 0;
}

.overlay {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../img/slotke.jpg");	
	background-size: cover;
	background-repeat: no-repeat;
	background-position:;
}
.mob-overlay {
	display: none;
}
.pesa {
	position: absolute;
	width: 345px;
	left:70px;
	top: 25px;
	z-index: 10;
}
.pesa img {
	width: 100%;
}
.logo {
	position: absolute;
	max-width: 450px;
	/*float: right;
	margin-right: -230px;
	margin-top: -10px;*/
	left: 35%;
	top: 90%;
}
.logo img {
	width: 100%;
}
.part2 {
	/*margin-top: 100px;*/
	position: absolute;
	top: 11%;
	right: 5%;
}
.on-casino {
	max-width: 770px;
}
.on-casino img {
width: 100%;
}
.win {
	max-width: 630px;
	margin: 40px 0 20px;
}
.win img {
	width: 100%;
}
button {
	font-size: 35px;
	color: #770000;
	background-color: #FBE74D;
	padding: 4px 28px;
	border-radius: 45px;
	border: none;
	cursor: pointer;
	transition: transform 0.6s ;
	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
button:hover {
	background-color:#f5edb1;
	transform: scale(0.9);
}
.flag {
	max-width: 210px;
}
.flag img {
	width: 100%;
}

	/* --- RESPONSIVE ---*/

@media (max-width: 1720.98px) {

.on-casino {
	max-width: 700px;
}
.win {
	max-width: 600px;
}
.flag {
	max-width: 200px;
}
 }
 @media (max-width: 1540.98px) {

.on-casino {
	max-width: 650px;
}
.win {
	max-width: 550px;
}
.flag {
	max-width: 180px;
}
 }
 @media (max-width: 1410.98px) {
 .pesa {
	width: 290px;
}
.logo {
	left: 40%;
	max-width: 390px;
}
.on-casino {
	max-width: 590px;
}
.win {
	max-width: 490px;
	margin: 60px 0 35px;
}
button {
	font-size: 35px;
}
.flag {
	max-width: 170px;
}
 }
@media (max-width: 1310.98px) {
.pesa {
	
	width: 250px;
}
.logo {
	max-width: 340px;
}
.part2 {
	/*margin-top: 140px;*/
}
.on-casino {
	max-width: 520px;
}
.win {
	max-width: 420px;
}
button {
	font-size:28px;
}
}
@media (max-width: 1220.98px) {
.part2 {
	right: 2%;
}
.on-casino {
	max-width: 420px;
}
.win {
	max-width: 340px;
}
button {
	font-size:24px;
}
.flag {
	max-width: 140px;
}
.logo {
	top: 91%;
}
}
@media (max-width: 1080.98px) { 
.overlay {
	display: none;
}
.mob-overlay {
	display: block;
	position: relative;
	width: 100%;
	height: 100vh;
	background-image: url("../img/bg-mob.jpg");	
	background-size: cover;
	background-repeat: no-repeat;
	background-position:center;
}
/*.bg {
	width: 90%;
	height: 600px;
	background-image: url("../img/bg-img.png");	
	background-size: cover;
	background-repeat: no-repeat;
	background-position:;
}*/
.mobpesa {
	position: absolute;
	top: 2%;
	left: 50%;
	margin-left: -165px;
	width:330px;
}
.mobpesa img {
	width: 100%;
}
.mobcasino {
	position: absolute;
	top: 13%;
	left: 50%;
	margin-left: -300px;
	width: 600px;
}
.mobcasino img {
	width: 100%;
}
 button {
 	position: absolute;
 	width: 390px;
 	bottom: 25%;
 	left: 50%;
 	margin-left: -195px;
 	font-size: 35px;
 	box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
 	cursor: pointer;
 	transition: transform 0.6s ;
 }
 button:hover {
	background-color:#f5edb1;
	transform: scale(0.9);
}
 .mobflag {
 	width: 146px;
 	position: absolute;
 	bottom: 12%;
 	left: 50%;
 	margin-left: -73px;
 }
 .mobflag img {
 	width: 100%;
 }
 .moblogo {
 	width: 550px;
 	position: absolute;
 	bottom: 2%;
 	left: 50%;
 	margin-left: -275px;
 }
 .moblogo img {
 	width: 100%;
 }
}
@media (max-width: 768.98px) {
.mobpesa {
	width: 300px;
	margin-left: -150px;
}
.mobcasino {
	width:500px;
	margin-left: -250px;
}
button {
	width: 340px;
	margin-left: -170px;
}
.moblogo {
 	width: 480px;
 	margin-left: -240px;
 }
}

@media (max-width: 600.98px) {
.mobpesa {
	width: 250px;
	margin-left: -125px;
}
.mobcasino {
	width:430px;
	margin-left: -215px;
}
button {
	width: 300px;
	margin-left: -150px;
	font-size: 30px;
}

 .moblogo {
 	width: 420px;
 	margin-left: -210px;
 }
}
@media (max-width: 505.98px) {
.mobpesa {
	top: 3%;
	width: 200px;
	margin-left: -100px;
}
.mobcasino {
	width:380px;
	margin-left: -190px;
}
button {
	width: 250px;
	margin-left: -125px;
	font-size: 26px;
}
.mobflag {
 	width: 134px;
 	margin-left: -67px;
 }
  .moblogo {
 	width: 350px;
 	margin-left: -175px;
 	bottom: 3%;
 }
}
@media (max-width: 400.98px) {
.mobpesa {
	width: 160px;
	margin-left: -80px;
}
.mobcasino {
	width:310px;
	margin-left: -155px;
}
button {
	width: 214px;
    margin-left: -107px;
    font-size: 22px;
}
.mobflag {
 	width: 110px;
 	margin-left: -55px;
 }
  .moblogo {
 	width: 300px;
 	margin-left: -150px;
 	bottom: 3%;
 }
}