Index: lams_central/web/css/components.scss
===================================================================
diff -u -r77134138d9765b1d5a21e047cfa51f2bf8edd81e -rdf411d8446000acfdb5937f46a7a7e8ef4b656e0
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 77134138d9765b1d5a21e047cfa51f2bf8edd81e)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision df411d8446000acfdb5937f46a7a7e8ef4b656e0)
@@ -85,22 +85,23 @@
   .jumbotron .h1,.jumbotron h1 {
     font-size: 63px
   }
-
 }
 
 body.component {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-
-	@media (width <= 768px) {	
-    	font-size: 12px;
-    }
+	font-size: 12px;
     
     @media (width > 768px) {
 		font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
+		font-size: var(--bs-body-font-size);
 		
 		&:not(.no-decoration) {
 			background-color: var(--lams-background-gray);
 		}
+		
+		legend {
+			font-size: var(--bs-body-font-size);
+		} 
 	}
 }