Footer responsive

tailwind/custom/base.css

@@ -10,6 +10,10 @@ body {
 	@apply bg-background font-sans;
 }
 
+#topbar-footer {
+	@apply bg-primary h-[5vw] w-full;
+	background: url("assets/img/topbar-footer.jpg") no-repeat center top;
+}
 footer {
 	@apply bg-secondary w-full text-white;
 
@@ -24,6 +28,12 @@ footer {
 			}
 		}
 	}
+	.footer-text-and-icons {
+		@apply font-roboto flex w-full flex-col items-start justify-between gap-4 py-8 text-sm md:ml-0 md:flex-row md:items-center md:gap-8;
+		.w-1\/4 {
+			@apply w-full justify-start pl-8 md:w-1/4 md:justify-center md:pl-0;
+		}
+	}
 }
 
 #header-menu {