Refactor form styling

src/stylesheets/base/_form.scss

@@ -1,7 +1,12 @@
-form.form {
+form {
 	display: grid;
 	gap: 1rem;
 
+	.input-group {
+		display: grid;
+		gap: 1rem;
+	}
+
 	input:not([type='submit']), textarea {
 		background: #E1E1E1;
 		border: none;
@@ -21,10 +26,8 @@ form.form {
 	}
 
 	@include respond-to('medium') {
-		.form__input-group {
-			display: grid;
+		.input-group {
 			grid-template-columns: 1fr 1fr;
-			gap: 1rem;
 		}
 	}
 }

src/stylesheets/components/_mainForm.scss

@@ -1,14 +1,4 @@
-form.mainForm {
-	@extend .form;
-
-	input[type='submit'] {
-		@extend .btn, .btn--primary, .btn--full;
-		width: 100%;
-		padding: 1rem 0;
-	}
-}
-
-.mainFormContainer {
+.mainForm {
 	margin: 2rem auto 0 auto;
 	width: 85vw;
 
@@ -19,6 +9,12 @@ form.mainForm {
 		font-size: 1.2em;
 	}
 
+	input[type='submit'] {
+		@extend .btn, .btn--primary, .btn--full;
+		width: 100%;
+		padding: 1rem 0;
+	}
+
 	@include respond-to('large') {
 		width: 40vw;
 	}

src/stylesheets/main.scss

@@ -5,13 +5,13 @@
 @import 'vendors/normalise';
 
 @import 'base/typography';
+@import 'base/form';
 
 @import 'components/mainNav';
 @import 'components/button';
 @import 'components/feature';
 @import 'components/testimonial';
 @import 'components/title';
-@import 'components/form';
 @import 'components/mainPageHeader';
 @import 'components/mainForm';