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