@media (max-width: 900px) {.cgg{width:900px;}}
.cgg{display:flex;justify-content:center;}
.cg{width:850px;display:flex;flex-direction:column;align-items:center;
background-color:#eeeeee;align:center;}
.ci{width:800px;height:100px;background-color:#ccddff;display:flex;}
.cb{height:60px;width:800px;display:flex;justify-content:space-around;}
.b1{background-color:#555555;width:160px;text-align:center;border:2px solid #cccccc;color:white;}
.b2{background-color:#555555;width:160px;text-align:center;border:2px solid #cccccc;color:white;}
.b3{background-color:#555555;width:160px;text-align:center;border:2px solid #cccccc;color:white;}
.b4{background-color:#555555;width:160px;text-align:center;border:2px solid #cccccc;color:white;}
.b5{background-color:#555555;width:160px;text-align:center;border:2px solid #cccccc;color:white;}
.prome{width:100%;height:15px;}
.co{width:800px;background-color:#ccddff;}
.coo{width:800px;background-color:#ccddff;display:flex;justify-content:space-between;}
.cogg{width:800px;display:flex;justify-content:space-between;}
.cooo{width:800px;height:190px;background-color:#ccddff;display:flex;justify-content:center;align-items:center;}
.znak{display:flex;justify-content:center;align-items:center;width:30%;height:100%;}
.mash{width:70%;height:100%;display:flex;justify-content:center;align-items:center;}
.col{width:48%;background-color:#bbccee;}
.cop{width:48%;background-color:#bbccee;}
.cf{width:800px;background-color:#ccddff;}
.b1:hover{background-color:#cccccc;width:160px;text-align:center;cursor:pointer;color:white;border:2px solid #dd2222;}
.b2:hover{background-color:#cccccc;width:160px;text-align:center;cursor:pointer;color:white;border:2px solid #dd2222;}
.b3:hover{background-color:#cccccc;width:160px;text-align:center;cursor:pointer;color:white;border:2px solid #dd2222;}
.b4:hover{background-color:#cccccc;width:160px;text-align:center;cursor:pointer;color:white;border:2px solid #dd2222;}
.b5:hover{background-color:#cccccc;width:160px;text-align:center;cursor:pointer;color:white;border:2px solid #dd2222;}
.b5d{margin-top:5px;}
.thind{font-size:18;}
a{text-decoration:none;}
.centerr{text-align:center;width:100%;}
.otstup{padding-left:15px;padding-right:15px;}

@media znak {
  * {display:flex;justify-content:center;align-items:center;width:30%;height:100%;}
}
@media b5 {
  * {background-color:#555555;width:10px;text-align:center;border:2px solid #cccccc;color:white;}
}
@media thind {
  * {font-size:12;}
}