diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index a0560f92d..8ee5fd774 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -2690,81 +2690,326 @@ a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus
 @media (min-width: 576px) {
 	.mb-sm-5 {
 		margin-bottom: 3rem !important;
+	}
 }
-}
+
 @media (min-width: 768px) {
 	.m-md-0 {
 		margin: 0 !important;
-}
-	.mb-md-0 {
-		margin-bottom: 0 !important;
-}
-	.mb-md-1 {
-		margin-bottom: 0.25rem !important;
-}
-	.mr-md-2 {
+	}
+	.m-md-1 {
+		margin: 0.25rem !important;
+	}
+	.m-md-2 {
+		margin: 0.5rem !important;
+	}
+	.m-md-3 {
+		margin: 1rem !important;
+	}
+	.m-md-4 {
+		margin: 1.5rem !important;
+	}
+	.m-md-5 {
+		margin: 3rem !important;
+	}
+	.m-md-auto {
+		margin: auto !important;
+	}
+	.mx-md-0 {
+		margin-right: 0 !important;
+		margin-left: 0 !important;
+	}
+	.mx-md-1 {
+		margin-right: 0.25rem !important;
+		margin-left: 0.25rem !important;
+	}
+	.mx-md-2 {
 		margin-right: 0.5rem !important;
-}
-	.mb-md-2 {
+		margin-left: 0.5rem !important;
+	}
+	.mx-md-3 {
+		margin-right: 1rem !important;
+		margin-left: 1rem !important;
+	}
+	.mx-md-4 {
+		margin-right: 1.5rem !important;
+		margin-left: 1.5rem !important;
+	}
+	.mx-md-5 {
+		margin-right: 3rem !important;
+		margin-left: 3rem !important;
+	}
+	.mx-md-auto {
+		margin-right: auto !important;
+		margin-left: auto !important;
+	}
+	.my-md-0 {
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+	}
+	.my-md-1 {
+		margin-top: 0.25rem !important;
+		margin-bottom: 0.25rem !important;
+	}
+	.my-md-2 {
+		margin-top: 0.5rem !important;
 		margin-bottom: 0.5rem !important;
-}
-	.mt-md-3, .my-md-3 {
+	}
+	.my-md-3 {
 		margin-top: 1rem !important;
-}
-	.mb-md-3, .my-md-3 {
 		margin-bottom: 1rem !important;
-}
-	.mb-md-5 {
+	}
+	.my-md-4 {
+		margin-top: 1.5rem !important;
+		margin-bottom: 1.5rem !important;
+	}
+	.my-md-5 {
+		margin-top: 3rem !important;
 		margin-bottom: 3rem !important;
-}
-	.p-md-0 {
-		padding: 0 !important;
-}
-	.py-md-0 {
-		padding-top: 0 !important;
-}
-	.py-md-0 {
-		padding-bottom: 0 !important;
-}
-	.pl-md-0 {
-		padding-left: 0 !important;
-}
-	.pb-md-1 {
-		padding-bottom: 0.25rem !important;
-}
-	.pl-md-3 {
-		padding-left: 1rem !important;
-}
-	.p-md-4 {
-		padding: 1.5rem !important;
-}
-	.py-md-8 {
-		padding-top: 10rem !important;
-}
-	.py-md-8 {
-		padding-bottom: 10rem !important;
-}
+	}
 	.my-md-auto {
 		margin-top: auto !important;
-}
-	.my-md-auto {
 		margin-bottom: auto !important;
+	}
+	.mt-md-0 {
+		margin-top: 0 !important;
+	}
+	.mt-md-1 {
+		margin-top: 0.25rem !important;
+	}
+	.mt-md-2 {
+		margin-top: 0.5rem !important;
+	}
+	.mt-md-3 {
+		margin-top: 1rem !important;
+	}
+	.mt-md-4 {
+		margin-top: 1.5rem !important;
+	}
+	.mt-md-5 {
+		margin-top: 3rem !important;
+	}
+	.mt-md-auto {
+		margin-top: auto !important;
+	}
+	.mr-md-0 {
+		margin-right: 0 !important;
+	}
+	.mr-md-1 {
+		margin-right: 0.25rem !important;
+	}
+	.mr-md-2 {
+		margin-right: 0.5rem !important;
+	}
+	.mr-md-3 {
+		margin-right: 1rem !important;
+	}
+	.mr-md-4 {
+		margin-right: 1.5rem !important;
+	}
+	.mr-md-5 {
+		margin-right: 3rem !important;
+	}
+	.mr-md-auto {
+		margin-right: auto !important;
+	}
+	.mb-md-0 {
+		margin-bottom: 0 !important;
+	}
+	.mb-md-1 {
+		margin-bottom: 0.25rem !important;
+	}
+	.mb-md-2 {
+		margin-bottom: 0.5rem !important;
+	}
+	.mb-md-3 {
+		margin-bottom: 1rem !important;
+	}
+	.mb-md-4 {
+		margin-bottom: 1.5rem !important;
+	}
+	.mb-md-5 {
+		margin-bottom: 3rem !important;
+	}
+	.mb-md-auto {
+		margin-bottom: auto !important;
+	}
+	.ml-md-0 {
+		margin-left: 0 !important;
+	}
+	.ml-md-1 {
+		margin-left: 0.25rem !important;
+	}
+	.ml-md-2 {
+		margin-left: 0.5rem !important;
+	}
+	.ml-md-3 {
+		margin-left: 1rem !important;
+	}
+	.ml-md-4 {
+		margin-left: 1.5rem !important;
+	}
+	.ml-md-5 {
+		margin-left: 3rem !important;
+	}
+	.ml-md-auto {
+		margin-left: auto !important;
+	}
+	.p-md-0 {
+		padding: 0 !important;
+	}
+	.p-md-1 {
+		padding: 0.25rem !important;
+	}
+	.p-md-2 {
+		padding: 0.5rem !important;
+	}
+	.p-md-3 {
+		padding: 1rem !important;
+	}
+	.p-md-4 {
+		padding: 1.5rem !important;
+	}
+	.p-md-5 {
+		padding: 3rem !important;
+	}
+	.px-md-0 {
+		padding-right: 0 !important;
+		padding-left: 0 !important;
+	}
+	.px-md-1 {
+		padding-right: 0.25rem !important;
+		padding-left: 0.25rem !important;
+	}
+	.px-md-2 {
+		padding-right: 0.5rem !important;
+		padding-left: 0.5rem !important;
+	}
+	.px-md-3 {
+		padding-right: 1rem !important;
+		padding-left: 1rem !important;
+	}
+	.px-md-4 {
+		padding-right: 1.5rem !important;
+		padding-left: 1.5rem !important;
+	}
+	.px-md-5 {
+		padding-right: 3rem !important;
+		padding-left: 3rem !important;
+	}
+	.py-md-0 {
+		padding-top: 0 !important;
+		padding-bottom: 0 !important;
+	}
+	.py-md-1 {
+		padding-top: 0.25rem !important;
+		padding-bottom: 0.25rem !important;
+	}
+	.py-md-2 {
+		padding-top: 0.5rem !important;
+		padding-bottom: 0.5rem !important;
+	}
+	.py-md-3 {
+		padding-top: 1rem !important;
+		padding-bottom: 1rem !important;
+	}
+	.py-md-4 {
+		padding-top: 1.5rem !important;
+		padding-bottom: 1.5rem !important;
+	}
+	.py-md-5 {
+		padding-top: 3rem !important;
+		padding-bottom: 3rem !important;
+	}
+	.pt-md-0 {
+		padding-top: 0 !important;
+	}
+	.pt-md-1 {
+		padding-top: 0.25rem !important;
+	}
+	.pt-md-2 {
+		padding-top: 0.5rem !important;
+	}
+	.pt-md-3 {
+		padding-top: 1rem !important;
+	}
+	.pt-md-4 {
+		padding-top: 1.5rem !important;
+	}
+	.pt-md-5 {
+		padding-top: 3rem !important;
+	}
+	.pr-md-0 {
+		padding-right: 0 !important;
+	}
+	.pr-md-1 {
+		padding-right: 0.25rem !important;
+	}
+	.pr-md-2 {
+		padding-right: 0.5rem !important;
+	}
+	.pr-md-3 {
+		padding-right: 1rem !important;
+	}
+	.pr-md-4 {
+		padding-right: 1.5rem !important;
+	}
+	.pr-md-5 {
+		padding-right: 3rem !important;
+	}
+	.pb-md-0 {
+		padding-bottom: 0 !important;
+	}
+	.pb-md-1 {
+		padding-bottom: 0.25rem !important;
+	}
+	.pb-md-2 {
+		padding-bottom: 0.5rem !important;
+	}
+	.pb-md-3 {
+		padding-bottom: 1rem !important;
+	}
+	.pb-md-4 {
+		padding-bottom: 1.5rem !important;
+	}
+	.pb-md-5 {
+		padding-bottom: 3rem !important;
+	}
+	.pl-md-0 {
+		padding-left: 0 !important;
+	}
+	.pl-md-1 {
+		padding-left: 0.25rem !important;
+	}
+	.pl-md-2 {
+		padding-left: 0.5rem !important;
+	}
+	.pl-md-3 {
+		padding-left: 1rem !important;
+	}
+	.pl-md-4 {
+		padding-left: 1.5rem !important;
+	}
+	.pl-md-5 {
+		padding-left: 3rem !important;
+	}
 }
-}
+
 @media (min-width: 992px) {
 	.mx-lg-5 {
 		margin-right: 3rem !important;
-}
+	}
 	.mx-lg-5 {
 		margin-left: 3rem !important;
-}
+	}
 	.mx-lg-auto {
 		margin-right: auto !important;
-}
+	}
 	.mx-lg-auto {
 		margin-left: auto !important;
+	}
 }
-}
+
 .text-truncate {
 	overflow: hidden;
 	text-overflow: ellipsis;