css for media.

SecureSharing/wwwroot/css/site.css

@@ -62,12 +62,18 @@ body {
 
 .image-logo {
     margin-top: 0;
-    margin-bottom: 25px;
+    margin-bottom: 2rem;
     align-items: center;
     justify-content: center;
     display: flex;
 }
 
+@media(max-width: 370px){
+    .image-logo {
+        width: 250px;
+    }
+}
+
 .modal {
     display: flex;
     flex-direction: column;
@@ -105,11 +111,6 @@ body {
     border-radius: 18px;
 }
 
-.image-logo {
-    margin-bottom: 2rem;
-}
-
-
 .share-files {
     text-align: left !important;
     align-items: initial;
@@ -158,6 +159,12 @@ h1 {
     height: fit-content;
 }
 
+@media(max-width: 370px){
+    .label-available {
+        flex-direction: column;
+    }
+}
+
 .label-text {
     font-size: 1.3rem;
     padding-left: 4px;