.kagoItem {
display: grid;
grid-template-columns: 1fr 0.2fr 1fr 1fr 4fr;
grid-template-rows: 1fr 1fr 0.2fr 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.kagoWrap{ margin-bottom:20px;}



.div1 { grid-area: 1 / 1 / 2 / 5; }
.div2 { grid-area: 2 / 1 / 3 / 3; }
.div3 { grid-area: 2 / 3 / 3 / 5; }
.div4 { grid-area: 3 / 1 / 4 / 5; }
.div5 { grid-area: 4 / 1 / 5 / 2; }
.div6 { grid-area: 4 / 2 / 5 / 3; }
.div7 { grid-area: 4 / 3 / 5 / 4; }
.div8 { grid-area: 4 / 4 / 5 / 5; }
.div9 { grid-area: 1 / 5 / 5 / 6; }

.div5 input, .div7 button, .div8 button {  width:100%; border-radius: 0px;}
.div5 input{font-size:25px; padding-left:3px;   -moz-appearance: textfield;&::-webkit-inner-spin-button,&::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}  } 
.div7 button, .div8 button{font-size:20px;} 


.kagoWrap {display: flex;flex-wrap: wrap; width:80%; max-width:400px;}


.item{position:relative;}



.btn, .btn2 {
  border-radius: 5px;
  padding:5px;
  width: 200px;
  display: block;
  letter-spacing: 0.05em;
  background:#094;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}


.btn.spinUp{ }

.btn.itm, .btn2.itm{ position:absolute;  width: 100%; height:50px;   font-size: 14px;   margin:0px;  bottom:0px;}



@media screen and (max-width: 800px) {
.btn, .btn2 {
    margin-top: 20px;
    padding: 10px;
    width: 200px;
    font-size: 14px;
  }
  
  
  
}