.campsite-reservation-container{
  max-width: 800px;
  max-height: 1024px;
  min-width: 800px;
  min-height: 1024px;
  display: block;
  box-sizing: content-box;
  background-position: center;
}

.campsite-reservation-container > * {
  box-sizing: content-box;
}

.campsite-group{
  position: relative;
}

.campsite {
  width: 22px;
  height: 30px;
  display: inline-block;
  background: linear-gradient(to bottom, orange 0%, yellow 50%, orange 100%);
  text-align: center;
  padding: 8px 4px 2px 4px;
  margin: 6.5px;
  font-size: 18px;
  font-weight: bold;
  color: black;
  border: 1px solid black;
  text-wrap: nowrap;
  box-sizing: content-box;
}

.campsite.available{
}

.campsite.reserved{
  background: linear-gradient(to bottom, darkred 0%, red 50%, darkred 100%);
}

@media(max-width: 1024px) {
    .campsite-reservation-container{
        transform: scale(1.0);
    }
}

@media(max-width: 728px) {
    .campsite-reservation-container{
        transform: scale(0.5);
    }
}

@media(max-width: 500px) {
    .campsite-reservation-container{
        transform: scale(0.4);
    }
}