html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.width-15-percent {
  width: 15%;
}


.grid-item--width20 {
  width: 20%;
}

.grid-item--width30 {
  width: 30%;
}

.grid-item--width40 {
  width: 40%;
}

.grid-item--width50 {
  width: 50%;
}

.grid-item--width60 {
  width: 60%;
}

.grid-item--width70 {
  width: 70%;
}

.grid-item--width75 {
  width: 75%;
}

.grid-item--width80 {
  width: 80%;

}

.width-85-percent {
  width: 85%;
}

.grid-item--width90 {
  width: 90%;
}

.grid-item--width95 {
  width: 95%;
}

.grid-item--width100 {
  width: 100%;
}


.grid-item {
  margin-bottom: 10px;
}