diff --git a/components/UI/Courses.jsx b/components/UI/Courses.jsx
index aa6facb6..095e3b59 100644
--- a/components/UI/Courses.jsx
+++ b/components/UI/Courses.jsx
@@ -10,9 +10,9 @@ const Courses = ({ courses = [] }) => {
     <section id="courses">
       <Container>
         <Row>
-          <Col lg="6" md="6" className="mb-5">
+          <Col lg="50" md="20" className="mb-">
             <SectionSubtitle subtitle="Courses" />
-            <h4 className="mt-4 text-2xl">Checkout My Interactive Courses</h4>
+            <h4 className="mt-4 text-6xl">Checkout My Interactive Courses</h4>
           </Col>
         </Row>
 
diff --git a/styles/subtitle.module.css b/styles/subtitle.module.css
index 0993d25f..9b0cc7a5 100644
--- a/styles/subtitle.module.css
+++ b/styles/subtitle.module.css
@@ -3,7 +3,7 @@
   font-weight: 400;
   
   margin-left: 40px;
-  font-size: 1.5rem !important;
+  font-size: 3rem !important;
   position: relative;
 }