.List {
  list-style: square;
  margin: 0 0 1em;
  padding: 0 0 0 1.5em;
}

.List--centered {
  padding: 0;
  text-align: center;
  list-style-position: inside;
}
.List {
  list-style: square;
  margin: 0 0 1em;
  padding: 0 0 0 1.5em;
  li {
    margin-bottom: 0.2em;
  }
}

@include breakpoint("med") {
  .List--centered {
    padding: 0;
    text-align: center;
    list-style-position: inside;
  }
}
Update List--centered to only apply to larger media.
Update List--centered to only apply to larger media.
