body {
  overflow: hidden;
}

.juosta-col {
  height: 100vh;

  background-color: #5d6932;

  border-right: 0.4rem solid;

  display: table;

  text-align: center;
}

.juosta-col:last-child {
  border-right: none;
}

.align-middle {
  display: table-cell;

  font-size: 170%;

  font-weight: 600;

  color: white;
}

.juosta-col .card {
  display: none;

  /*margin-top: 30px; !* Added to dont overlap result box *!

  width: 100%;

  height: 40px;

  text-align: center;

  background: #ccc;

  border: 1px solid #333*/
}

.juosta-col.active .card {
  display: block;

  /*  margin-top: 30px; !* Added to dont overlap result box *!

  width: 100%;

  height: 40px;

  text-align: center;

  background: #ccc;

  border: 1px solid #333*/
}

.juosta-col.active {
  background-color: #bfb3a2;

  background-blend-mode: hard-light;
}

.card {
  font-size: 67% !important;

  overflow: hidden;

  display: table-cell;

  margin: 5px;

  padding: 5px;

  /*width: 400px;*/

  border: none !important;

  background: none !important;
}