add solution

src/index.html

@@ -33,7 +33,6 @@
           >
         </a>
 
-
         <nav class="nav">
           <ul class="nav__list">
 

src/styles/blocks/header.scss

@@ -1,5 +1,4 @@
 .header {
- height: 100vh;
 
 &__top {
   box-sizing: border-box;
@@ -15,11 +14,11 @@
     padding: 20px 41px;
   }
 
-  @media (min-width: 769px) and (max-width: 1366px) {
+  @media (min-width: 769px) and (max-width: 1200px) {
     padding: 50px 55px;
   }
 
-  @media (min-width: 1367px) and (max-width: 2500px) {
+  @media (min-width: 1201px) and (max-width: 2500px) {
     padding: 50px 227px;
   }
 
@@ -55,6 +54,11 @@
   margin-left: auto;
   }
 
+  @media (max-width: 481px) {
+  margin-left: auto;
+  padding-bottom: 20px;
+  }
+
   position: relative;
   &::after {
     content:'';
@@ -64,6 +68,10 @@
     height: 2px;
     width: 100%;
     background-color: #2060F6;
+
+    @media (max-width: 481px) {
+    bottom: 20px;
+    }
   }
 }
 

src/styles/blocks/page.scss

@@ -52,7 +52,7 @@ section:not(.strategic__agency) {
     padding-inline: 227px;
   }
 
-  @media (min-width: 1901px) {
+  @media (min-width: 2501px) {
     padding-inline: 708px;
   }
 

src/styles/blocks/slider.scss

@@ -10,16 +10,16 @@
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
-  height: 100%;
+  height: 390px;
 
   @media (min-width: 769px){
   border-radius: 30px 0;
+  height: 680px;
   }
 
   @media (min-width: 481px) and (max-width: 768px) {
   background-image: url("../images/new-photos/slider-tablet.png");
-  min-height: 300px;
-   }
+  }
 
   @media (min-width: 769px) and (max-width: 1200px) {
   background-image: url("../images/new-photos/slider-desktop.png");
@@ -29,7 +29,7 @@
   background-image: url("../images/new-photos/slider-l.png");
   }
 
-  @media (min-width: 2500px) {
+  @media (min-width: 2501px) {
   background-image: url("../images/new-photos/slider-xl.png");
   }
 

src/styles/blocks/strategic-agency.scss

@@ -3,8 +3,6 @@
   background-color: #2C2C2C;
   border-radius: 0 0 30px 30px;
 
-  height: 82vh;
-
   @media (min-width: 769px) {
     display: flex;
     flex-direction: row;