- fixing logo size

- adjusting slider size in mobile

web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss

@@ -292,6 +292,10 @@
   height: 100%;
   max-height: 550px;
 
+  @media (max-width: 768px) {
+    max-height: 100%;
+  }
+
   .slide-txt {
     background-color: rgba(255, 255, 255, 0.9);
     padding: 20px;
@@ -303,9 +307,7 @@
     transform: perspective(1px) translateY(-50%);
 
     @media (max-width: 768px) {
-      width: 80%;
-      top: 45%;
-      height: 120%;
+      height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;

web/themes/asc_bootstrap/assets/sass/layout/_header.scss

@@ -32,6 +32,7 @@
     img {
       max-width: 100%;
       max-height: inherit;
+      width: 100%;
     }
   }
 

web/themes/asc_bootstrap/assets/sass/pages/_landing-page.scss

@@ -52,6 +52,21 @@
     overflow: hidden;
     max-height: 550px;
 
+    .carousel-inner {
+
+      @media (max-width: 768px) {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+
+        .item {
+          flex-shrink: 0;
+          min-width: 100%;
+          min-height: 100%;
+        }
+      }
+    }
+
     .img-responsive {
       width: 100%;
     }
@@ -63,6 +78,10 @@
     @media (max-width: 1030px) {
       height: auto;
     }
+
+    @media (max-width: 768px) {
+      max-height: 100%;
+    }
 }