.csp2-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: calc(-.5 * 1rem);
  margin-left: calc(-.5 * 1rem);
  margin-top: calc(1 * 1rem);
  margin-bottom: calc(1 * 1rem);
}
.csp2-col-12 {
  flex: 0 0 auto;
  width: 100%;
  padding-left: calc(1rem * .5);
  padding-right: calc(1rem * .5);
}
.csp2-col-6 {
  flex: 0 0 auto;
  width: 50%;
  padding-left: calc(1rem * .5);
  padding-right: calc(1rem * .5);
}
.csp2-col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
  padding-left: calc(1rem * .5);
  padding-right: calc(1rem * .5);
}
.csp2-form-container label {
  font-weight: bold;
  text-transform: uppercase;
}

#form-response { margin-top: 1em; }
.success { color: green; }
.error { color: red; }

@media(max-width:600px) {
  .csp2-col-6,
  .csp2-col-4 {
    width: 100%;
  }
}