diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index a9199a7..2bf9ce6 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -3679,21 +3679,44 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   font-size: 1rem;
   order: 1;
 }
+@media (max-width: 510px) {
+  .node-type-ressource .infos-content .field--name-field-type-de-ressource {
+    font-size: 0.8rem;
+  }
+}
 .node-type-ressource .infos-content h1 {
   order: 2;
   font-size: 2rem;
   font-weight: 400;
 }
+@media (max-width: 510px) {
+  .node-type-ressource .infos-content h1 {
+    font-size: 1.5rem;
+    line-height: 1.2;
+  }
+}
 .node-type-ressource .infos-content .field--name-field-sous-titre {
   font-size: 1.3rem;
   order: 3;
 }
+@media (max-width: 510px) {
+  .node-type-ressource .infos-content .field--name-field-sous-titre {
+    font-size: 1.1rem;
+    padding-top: 0.5rem;
+  }
+}
 .node-type-ressource .infos-content .field--name-field-auteur {
   font-weight: 800;
   font-size: 1.3rem;
   order: 4;
   padding-top: 1rem;
 }
+@media (max-width: 510px) {
+  .node-type-ressource .infos-content .field--name-field-auteur {
+    font-size: 1.1rem;
+    padding-top: 0.2rem;
+  }
+}
 .node-type-ressource .infos-content .field--name-field-site {
   background-color: rgb(153, 147, 174);
   border-radius: 50px;
@@ -3729,6 +3752,12 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   left: -10%;
   width: 25%;
 }
+@media (max-width: 890px) {
+  .node-type-ressource .body-content .links-content {
+    width: 80%;
+    left: 0;
+  }
+}
 
 .page-actualites .block-page-title-block {
   width: 75%;
diff --git a/web/themes/custom/reha/scss/pages/_node-ressource.scss b/web/themes/custom/reha/scss/pages/_node-ressource.scss
index 96213fc..3e6d42e 100644
--- a/web/themes/custom/reha/scss/pages/_node-ressource.scss
+++ b/web/themes/custom/reha/scss/pages/_node-ressource.scss
@@ -50,21 +50,36 @@
                 text-transform: uppercase;
                 font-size: 1rem;
                 order: 1;
+                @media (max-width:510px){
+                    font-size: 0.8rem;
+                   }
             }
             h1{
                 order: 2;
                 font-size: 2rem;
                 font-weight: 400;
+                @media (max-width:510px){
+                 font-size: 1.5rem;
+                 line-height: 1.2;
+                }
             }
             .field--name-field-sous-titre{
                 font-size: 1.3rem;
                 order: 3;
+                @media (max-width:510px){
+                    font-size: 1.1rem;
+                    padding-top: 0.5rem;
+                   }
             }
             .field--name-field-auteur{
                 font-weight: 800;
                 font-size: 1.3rem;
                 order: 4;
                 padding-top: 1rem;
+                @media (max-width:510px){
+                    font-size: 1.1rem;
+                    padding-top: 0.2rem;
+                   }
             }
             .field--name-field-site{
                 background-color: rgb(153, 147, 174);
@@ -101,6 +116,10 @@
                 position: relative;
                 left: -10%;
                 width: 25%;
+                @media (max-width:890px){
+                    width: 80%;
+                    left: 0;
+                }
             }
 
         }