.gym-items-left{
	width: 38%;
	left: 3%; 
	bottom: 0;
}

@media only screen and (max-width: 767px) {
  .gym-items-left{
    width: 48%;
  }
}

.gym-items-right{
	width: 38%;
	right: 3%; 
	bottom: 0;
}


@media only screen and (max-width: 767px) {
  .gym-items-right{
    width: 48%;
  }
}

.bg-gym-window {

  background: #000 url(../images/gym-window.svg) no-repeat;
  background-size: cover;
    margin-bottom: 400px !important;
    border: 8px solid #bda991;
    color: #eee9e9;
}

.bg-gym-trophy {
  background: transparent url(../images/gym/gym-trophy.svg) no-repeat;
    background-size: cover;
    margin-bottom: 400px !important;
    color: #000000;
    padding: 36px;
}



.bg-grass .active  {
  background: #3f8734;
  border-radius: 5px;
}


@media only screen and (max-width: 767px) {
  #sport-menu {
    overflow-x: hidden;
    max-height: 300px;
  }
}