.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

img {
  max-width: 100%;
}

legend {
  overflow: hidden;
}

.mt0 {
  margin-top: 0;
}

.bg-blue {
  background-color: $sbc-blue;
}

.bg-red {
  background-color: $sbc-red;
}

.bg-orange {
  background-color: $sbc-orange;
}

.bg-green {
  background-color: $sbc-green;
}

.bg-purple {
  background-color: $sbc-purple;
}

.bg-grey {
  background-color: $grey-1;
}

.blue {
  color: $sbc-blue;
}

.red {
  color: $sbc-red;
}

.orange {
  color: $sbc-orange;
}

.green {
  color: $sbc-green;
}

.purple {
  color: $sbc-purple;
}

.grey {
  color: $grey-1;
}