Index: lams_learning/web/css/components-learner.scss
===================================================================
diff -u -r4b23303fae8fea3653c161a44ecbcd57f313450d -r82f6e0a14f96fbdb63d3f702a5fc236b2ab5b6c0
--- lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 4b23303fae8fea3653c161a44ecbcd57f313450d)
+++ lams_learning/web/css/components-learner.scss	(.../components-learner.scss)	(revision 82f6e0a14f96fbdb63d3f702a5fc236b2ab5b6c0)
@@ -2,7 +2,7 @@
 @import "_lams_variables.scss"; 
 
 
-@media (width <= 768px) {
+@include media-breakpoint-down(md) {
 	.instructions {
 		margin-bottom: 0.5rem;
 		padding-bottom: 0.3rem;
@@ -19,34 +19,6 @@
 	}
 }
 
-.component-page-wrapper h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
-    color: var(--bs-gray-dark);
-}
-
-.component-page-wrapper h1, .h1 {
-    font-size: calc(1.2rem + 1vw);
-}
-
-.component-page-wrapper h2, .h2 {
-    font-size: calc(1.2rem + 0.7vw);
-}
-
-.component-page-wrapper h3, .h3 {
-    font-size: calc(1.2rem + 0.5vw);
-}
-
-.component-page-wrapper h4, .h4 {
-    font-size: calc(1.1rem + 0.3vw);
-}
-
-.component-page-wrapper h5, .h5 {
-    font-size: 1.1rem;
-}
-
-.component-page-wrapper h6, .h6 {
-    font-size: 1rem;
-}
-
 .component-page-wrapper .component-page-content #header {
 	padding: 2.8rem 2rem 0;
     margin: -2rem -2rem 0.5rem;