diff --git a/frontend/src/components/ServicePageTemplate.jsx b/frontend/src/components/ServicePageTemplate.jsx
index 8c66bd7..773eece 100644
--- a/frontend/src/components/ServicePageTemplate.jsx
+++ b/frontend/src/components/ServicePageTemplate.jsx
@@ -66,11 +66,25 @@ const ServicePageTemplate = ({
         }}
       >
         <Box sx={{ maxWidth: "800px" }}>
-          <Typography variant="h1" sx={{ fontWeight: "bold", mb: 2 }}>
+          <Typography 
+            variant="h1" 
+            sx={{ 
+              fontWeight: "bold", 
+              mb: 2, 
+              fontSize: { xs: '2rem', md: '3rem', lg: '4rem' }, // Responsive
+            }}
+          >
             {title}
+
           </Typography>
-          <Typography variant="body1" sx={{ mb: 4 }}>
+          <Typography 
+            variant="body1" 
+            sx={{ 
+              mb: 4 
+            }}
+          >
             {subtitle}
+
           </Typography>
           <Button
             href={ctaLink}
@@ -201,7 +215,7 @@ const ServicePageTemplate = ({
                 marginBottom: "20px",
               }}
             />
-            <Typography variant="h5" sx={{ fontWeight: "bold", mb: 2 }}>
+            <Typography variant="h3" sx={{ fontWeight: "bold", mb: 2 }}>
               {modalContent.title}
             </Typography>
             <Typography variant="body1" sx={{ mb: 4 }}>
@@ -233,7 +247,7 @@ const ServicePageTemplate = ({
             backgroundColor: "#f9f9f9",
           }}
         >
-          <Typography variant="h4" sx={{ marginBottom: 4 }}>
+          <Typography variant="h2" sx={{ marginBottom: 4 }}>
             Découvrez nos réalisations
           </Typography>
           <Swiper