logo

css/style.css

@@ -51,19 +51,25 @@ body {
     transform: scale(1.4); }
     @media screen and (max-width: 576px) {
       .header__logo {
-        transform: scale(1.5); } }
+        background-image: url(../images/Logo@2x.webp);
+        transform: scale(1); } }
   .header__logo-box {
     padding: 1rem;
     padding-top: 0;
     margin: 0rem 4.5rem; }
     @media screen and (max-width: 576px) {
       .header__logo-box {
-        margin: 0rem .4rem; } }
+        margin: 0rem .4rem;
+        padding-top: .3rem; } }
   .header__line {
     background-color: white;
     height: 2px;
     border-top: 1px solid #ffff;
     margin: 0; }
+    @media screen and (max-width: 576px) {
+      .header__line {
+        margin: 0rem .4rem;
+        margin-top: .3rem; } }
   .header__text-box {
     position: absolute;
     width: 40vw;

scss/main.scss

@@ -57,10 +57,8 @@ body {
         background-size: cover;
         transform: scale(1.4);
         @media screen and(max-width: 576px) {
-            transform: scale(1.5);
-        }
-        img {
-            
+            background-image: url(../images/Logo@2x.webp);
+            transform: scale(1);
         }
     }
     &__logo-box {
@@ -69,6 +67,7 @@ body {
         margin: 0rem 4.5rem;
         @media screen and(max-width: 576px) {
             margin: 0rem .4rem;
+            padding-top: .3rem;
         }
     }
     &__line {
@@ -76,6 +75,10 @@ body {
         height: 2px;
         border-top: 1px solid #ffff;
         margin: 0;
+        @media screen and(max-width: 576px) {
+            margin: 0rem .4rem;
+            margin-top: .3rem;
+        }
     }
     &__text-box {
         position: absolute;