Small tweaks

1. left-align form elements even in mobile
2. Bolden input labels, except for checkboxes and radio elements

/cc @carljbowman

src/components/forms/checkbox.scss

@@ -1,6 +1,14 @@
 @import "../../colors";
 @import "../../frameless";
 
+.row {
+    .checkbox {
+        label {
+            font-weight: 300;
+        }
+    }
+}
+
 input {
     &[type=checkbox] {
         display: block;

src/components/forms/input.scss

@@ -4,6 +4,12 @@
 $base-bg: $ui-light-gray;
 $pass-bg: lighten($ui-aqua, 35%);
 
+.row {
+    label {
+        font-weight: 500;
+    }
+}
+
 .input {
     transition: all .5s ease;
     margin: .75rem 0;
@@ -29,8 +35,4 @@ $pass-bg: lighten($ui-aqua, 35%);
         border: 1px solid $active-dark-gray;
         background-color: $pass-bg;
     }
-
-    label {
-        font-weight: 500;
-    }
 }

src/components/forms/radio-group.scss

@@ -1,5 +1,13 @@
 @import "../../colors";
 
+.row {
+    .radio {
+        label {
+            font-weight: 300;
+        }
+    }
+}
+
 .col-sm-9 {
     display: flex;
     flex-flow: row wrap;

src/views/teacherregistration/teacherregistration.scss

@@ -170,6 +170,10 @@ body {
 
 @media only screen and (max-width: $desktop - 1) {
     .teacher-registration {
+        .form {
+            text-align: left;
+        }
+
         .username-step,
         .demographics-step,
         .name-step {
@@ -190,13 +194,6 @@ body {
         }
 
         .organization-step {
-            .organization-type,
-            .url-input {
-                p {
-                    text-align: center;
-                }
-            }
-
             .checkbox-group {
                 text-align: left;
             }