css mobile

web/themes/custom/reha/scss/partials/_forms.scss

@@ -8,9 +8,16 @@ label{
 input{
     height: 2rem;
     width: 50%;
+    @media (max-width:500px) {
+        width: 90%;
+    }
+
 }
 .description{
     width: 50%;
+    @media (max-width:500px) {
+        width: 90%;
+    }
 }
 .form-submit{
 

web/themes/custom/reha/scss/partials/_header.scss

@@ -43,6 +43,11 @@ header{
                 padding-left: 80px;
                 padding-top: 20px;
             }   
+            @media (max-width:500px) {
+                // width: 10%;
+                padding-left: 30px;
+                padding-top: 20px;
+            }  
             
         }
         #block-reha-logoreha{
@@ -116,11 +121,12 @@ header{
                     //     height: fit-content;
                     // }
                     @media (max-width:500px) {
-                        top: 15px;
-                        right: -150px;
-                        width: 100vw;
+                        top: 55px;
+                        right: -90px;
+                        width: 400px;
                         height: fit-content;
                     }
+                    
                     .titre{
                         width: 100%;
                         position: relative;
@@ -242,6 +248,12 @@ header{
                         padding-top: 1rem;
                         height: fit-content;
                     }
+                    @media (max-width:500px) {
+                        
+                            width: -moz-available;
+                        
+                    }
+    
                     
 
                     .titre{
@@ -351,6 +363,11 @@ header{
             text-transform: lowercase;
             display: inline-flex;
             font-size: 1rem;
+            @media (max-width:891px) {
+                font-size: 0rem;
+                color: white;
+                padding-right: 0 !important;
+            }
         }
     }