Index: lams_central/web/css/components.scss
===================================================================
diff -u -r4b23303fae8fea3653c161a44ecbcd57f313450d -r82f6e0a14f96fbdb63d3f702a5fc236b2ab5b6c0
--- lams_central/web/css/components.scss	(.../components.scss)	(revision 4b23303fae8fea3653c161a44ecbcd57f313450d)
+++ lams_central/web/css/components.scss	(.../components.scss)	(revision 82f6e0a14f96fbdb63d3f702a5fc236b2ab5b6c0)
@@ -1,16 +1,14 @@
 @import "bootstrap5.custom.scss";
 @import "_lams_variables.scss";
 
-#container-main {
+#container-main, .container-main {
     @extend .container-lg;
-}
-
-@media (width <= 768px) {
-	#container-main {
+    
+    @include media-breakpoint-down(md) {
 		--bs-gutter-x: 0.1rem;
 		--bs-gutter-y: 0.1rem;
 		padding-right: calc(var(--bs-gutter-x) * -5.5);
-		padding-left: calc(var(--bs-gutter-x) * 0.5);
+		padding-left: calc(var(--bs-gutter-x) * 0.5);		
 	}
 }
 
@@ -137,6 +135,34 @@
 	    flex-direction: row-reverse;
 		clear: both;
 	}
+	
+	h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
+	    color: var(--bs-gray-dark);
+	}
+	
+	h1, .h1 {
+	    font-size: calc(1.2rem + 1vw);
+	}
+	
+	h2, .h2 {
+	    font-size: calc(1.2rem + 0.7vw);
+	}
+	
+	h3, .h3 {
+	    font-size: calc(1.2rem + 0.5vw);
+	}
+	
+	h4, .h4 {
+	    font-size: calc(1.1rem + 0.3vw);
+	}
+	
+	h5, .h5 {
+	    font-size: 1.1rem;
+	}
+	
+	h6, .h6 {
+	    font-size: 1rem;
+	}
 }
 
 body.component .btn-success,
@@ -679,6 +705,22 @@
   background-color: var(--bs-gray-200);
 }
 
+/*----------.div-hover----------------*/
+.div-hover > div {
+  align-items: center;
+  border-top: 1px solid #ddd;
+  padding: 12px;
+}
+
+@media (width <= 768px) {
+  .div-hover > div {
+    padding: 3px;
+  }
+}
+.div-hover > div:hover {
+  background-color: var(--bs-gray-200);
+}
+
 /* jqGrid text wrapping */
 .ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.ui-subgrid td {
   white-space:normal !important;