Merge branch 'smartphone_adaptation' into main

merge into main

patches/frontend/src/custom/footer/footer.css

@@ -1,4 +1,4 @@
-footer{
+footer {
   margin-top: 20px;
   padding: 20px 0px;
   text-align: center;
@@ -10,7 +10,7 @@ footer p, footer div{
   max-width: 80%;
 }
 
-footer div{
+footer div {
   margin-bottom: 20px;
 }
 
@@ -26,9 +26,16 @@ footer div a:hover {
 footer div.logo {
     display: flex;
     justify-content: space-evenly;
+    @media screen and (max-width: 900px) {
+      flex-direction: column;
+    }
+
 }
 
 footer div.logo img {
     height: 90px;
     margin: 3px;
+    @media screen and (max-width: 900px) {
+      height: 60px;
+    }
 }