be more consistent with other sites

styles/cards.css

@@ -0,0 +1,57 @@
+.card {
+  color: var(--color-accent);
+}
+
+p .card {
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+.stop {
+  color: var(--color-accent);
+  position: relative;
+  list-style: none;
+  padding-left: 1.5rem;
+}
+
+.stop:not(:last-child) {
+  padding-bottom: 2rem;
+}
+
+.stop:before {
+  background-color: var(--color-accent);
+  width: .1rem;
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+}
+
+svg {
+  margin-left: -2.2rem;
+  width: 2rem;
+  fill: var(--color-accent);
+  float: left;
+  padding: .4rem .5rem 0 0;
+}
+
+@media (max-width: 650px) {
+  svg {
+    padding-top: .2rem;
+  }
+}
+
+.stop h2 {
+  margin: 0;
+}
+
+.stop img {
+  width: 100%;
+}
+
+.stop p {
+  margin: 0;
+  color: var(--color-text);
+  padding-top: .5rem;
+}