html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #dbecfe;
    background-image: url("fon_left.png"), url("fon_right.jpg");
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    position: relative;	
	  


}

.center_i {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;

}



.gadanie {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0;
    text-align: center;

}

.stol {
	    width: 460px;
    height: 260px;
     margin:0 auto;
    text-align: center;
    background: #f3ebd4;
   border-radius: 20px;
     box-shadow: 10px 10px 10px 10px rgb(243,235,212);
display: flex;

	
}

.blok {
	
 width: 156px;	
 height: 180px;

     top: 20%;
	left: 3%;
	position: relative;

}

.g1 {
 width: 156px;	
 height: 30px;

     top: -53%;
	left: 0%;

	position: relative;
}.g2 {
 width: 156px;	
 height: 30px;

     top: -45%;
	left: 0%;
	position: relative;
}.g3 {
 width: 156px;	
 height: 30px;

     top: -37%;
	left: 0%;
	position: relative;
}.g4 {
 width: 156px;	
 height: 30px;

     top: -28%;
	left: 0%;
	position: relative;
}.g5 {
 width: 156px;	
 height: 30px;

     top: -19%;
	left: 0%;
	position: relative;
}
.g6 {
 width: 156px;	
 height: 30px;

     top: -10%;
	left: 0%;
	position: relative;
}

.money {
display: flex;


     top: 10%;
	left: 5%;
	position: relative;  

}


.m1 {
 width: 95px;	
 height: 95px;

     top: 0%;
	left: 0%;
	position: relative;
}

.m2 {
 width: 95px;	
 height: 95px;

     top: -5%;
	left: 0%;
	position: relative;
}

.m3 {
 width: 95px;	
 height: 95px;


     top: 0%;
	left: 0%;
	position: relative;
}



button {
  cursor: pointer;
  min-width: 200px;
  min-height: 60px;
  padding: 15px 5px;
  text-transform: uppercase;
  vertical-align: middle;
  background: #6089d6;
  border: none;
  color: #ffffff;
  font-weight: 600;
  border-radius: 10px;
  box-shadow: 0 0 10px rgb(152,149,132);
  transition: all 1s;
    top: 70%;
	left: -110%;
	position: relative;
}

button:hover {
  box-shadow: 0 0 25px rgb(152,149,132);
}

button:focus {
  outline: none;
}




.table {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;

}

.center_top {
    height: 100px;
    text-align: center;
    background: #f3ebd4;
    background-image: url("drakon.jpg"), url("izin.jpg");
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
    position: relative;

}



.line {
    width: 100%;
    height: 10px;
    margin: 0;
    padding: 0;
    background-image: url("bamb1.jpg");
    background-repeat: repeat-x;
    background-color: #f3ebd4;
    text-align: center;
}

.content { margin-left: 5%; 
margin-right: 5%;


}

.menu {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	COLOR: #00379d;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	font-style: normal;
	line-height: normal;
	cursor: wait;
        text-align: center;
        word-spacing: 40px;
 

}

.menu_1 {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	COLOR: #00379d;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	font-style: normal;
	line-height: normal;
	cursor: wait;
        text-align: center;
        word-spacing: 49px;
 

}

.menu_a {
	FONT-SIZE: 13px;
	TEXT-DECORATION: none;
	COLOR: #00379d;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
	font-style: normal;
	line-height: normal;
	cursor: wait;
        text-align: center;
      
}

A:link {COLOR:#00379d; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:visited {COLOR:#7d5b41; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:active {COLOR:#00379d; FONT-WEIGHT: bold; TEXT-DECORATION: none}
A:hover {COLOR: #d3c6a1; FONT-WEIGHT: bold; TEXT-DECORATION: none}

.cherta {text-align: center;  font-style: italic; TEXT-DECORATION: none}
.small {text-align: center; font-size: 13pt; font-weight: bold; TEXT-DECORATION: none}
	

	
 @media screen and (max-width: 479px) {
 
.menu {	FONT-SIZE: 20px;}
.menu_1 {FONT-SIZE: 20px;}
.menu_a {FONT-SIZE: 20px;}
.center_i{width: 100%;}
.table {width: 100%;}
}

@media screen and (min-width: 480px) and (max-width: 659px) {

.menu {	FONT-SIZE: 20px;}
.menu_1 {FONT-SIZE: 20px;}
.menu_a {FONT-SIZE: 20px;}
.center_i{width: 100%;} 
}

@media screen and (min-width: 660px) and (max-width: 1200px) {


.menu {	FONT-SIZE: 20px;}
.menu_1 {FONT-SIZE: 20px;}
.menu_a {FONT-SIZE: 20px;}
.center_i{width: 100%;} 
}

@media screen and (min-width: 1201px) and (max-width: 5000px) {

	}