debug

web/themes/custom/popsu_colloque/css/components/admin/connect.scss

@@ -2,18 +2,25 @@ form{
   &.user-login-form{
     padding: 2rem;
     background: white;
+    width: 100%;
+    max-width: 300px;
+    margin: auto;
     & > div {
-      &:not(:last-child){        
+      &:not(:last-child){
         margin-bottom: 2rem;
       }
       .js-form-required{
         margin-bottom: 0;
         font-family: 'truenoregular';
       }
+      label{
+        font-size: 0.9rem;
+      }
       input{
         border: 2px solid $color2;
         border-radius: 10px;
         padding: 0.5rem;
+        width: 100%;
         &:focus{
           border: 2px solid $color1;
           border-radius: 10px!important;
@@ -22,7 +29,7 @@ form{
         }
       }
       .description{
-        font-size: 0.8rem;
+        font-size: 0.6rem;
         margin-top: 0.4rem;
         font-family: 'truenolight';
       }

web/themes/custom/popsu_colloque/css/components/footer/footer.scss

@@ -15,14 +15,12 @@ footer{
       & > div{
         display: flex;
         flex-wrap: nowrap;
-        @media screen and (min-width: 992px) {
+        @media screen and (min-width: 768px) {
           display:block;
         }
         & > div{
           width: calc((100% / 3) - #{$gutter});
-          max-width: 100px;
-
-          @media screen and (min-width: 992px) {
+          @media screen and (min-width: 768px) {
             width: calc((100% / 2) - #{$gutter});
             max-width: 200px;
             margin-bottom: 2rem;

web/themes/custom/popsu_colloque/css/components/header/header.scss

@@ -79,6 +79,7 @@ header{
         display: block;
           ul{
             margin-bottom: 0;
+            flex-wrap: wrap;
             li{
               margin: 0 0.5rem;
               &:not(:last-child){

web/themes/custom/popsu_colloque/css/components/sidebar/rs.scss

@@ -1,6 +1,6 @@
 .dl_ressource{
   margin-top: 1.5rem;
-  font-size: 0.6rem;
+  font-size: 0.5rem;
   line-height: 1.2;
   font-family: 'truenoregular';
   text-align: left;

web/themes/custom/popsu_colloque/css/components/slides/slides.scss

@@ -20,6 +20,7 @@
       height: 325px;
       // background: none;
       display: flex;
+      flex-direction: column;
       margin: 3rem $gutter 1.5rem $gutter;
       @media screen and (min-width: 768px) {
         width: calc(100% / 2 - #{$gutter} * 2);
@@ -39,18 +40,7 @@
           background: white;
         }
       }
-      &.last::after{
-        display: inline-block;
-        content: " ";
-        width: 3px;
-        height: auto;
-        margin: -2.5rem 0 0 0;
-        background: $color1;
-        position: relative;
-        left: 0.5rem;
-      }
       &.first{
-        flex-direction: column;
         span{
           font-family: 'truenolight';
           position: absolute;
@@ -59,6 +49,19 @@
           font-size: 1.2rem;
           line-height: 1.2;
         }
+        &:not(:first-child){          
+          &::before{
+            position: absolute;
+            display: block;
+            content: " ";
+            width: 1px;
+            height: calc(100% + 3rem);
+            margin: -2.5rem 0 0 0;
+            background: $color1;
+            left: -0.5rem;
+            top: 0;
+          }
+        }
       }
     }
   }