small changes in styles

assets/css/gp-style-desktop.css

@@ -564,7 +564,7 @@ h1 strong {
 	font-weight: 500;
 	font-size: 13px;
 	line-height: 140%;
-	max-width: 260px;
+	max-width: 210px;
 }
 .footer__address {
 	font-weight: 500;
@@ -829,3 +829,15 @@ form.sending::before {
 	opacity: 1;
 	z-index: 15;
 }
+
+@media screen and (max-width: 1024px) and (min-width: 992px) {
+	.hero__content {
+		flex-direction: column;
+	}
+	.hero__content::after {
+		opacity: 0.2;
+	}
+	.footer__socials {
+		display: none;
+	}
+}

assets/css/gp-style-mobile.css

@@ -1,4 +1,7 @@
 @media screen and (max-width: 576px) {
+	.hero__rightside {
+		width: 100%;
+	}
 	.hero__price {
 		margin-top: 24px;
 	}
@@ -89,7 +92,7 @@
 		width: 200px;
 		height: 140px;
 		background-size: contain;
-		top: 0px;
+		top: 10px;
 	}
 	.hero::before {
 		opacity: 0.4;
@@ -118,7 +121,7 @@
 		margin-bottom: 0;
 	}
 	.hero__price-header p {
-		font-size: 13px;
+		font-size: 13.5px;
 	}
 	.hero__price-header span {
 		border-radius: 10px;
@@ -184,6 +187,12 @@
 		height: 60px;
 		border-radius: 12px;
 	}
+	.hero__price-header p {
+		font-size: 12px;
+	}
+	.hero__content::after {
+		right: -140px;
+	}
 }
 @media screen and (max-width: 375px) {
 	*[class*='__container'] {

index.html

@@ -127,9 +127,8 @@
     <div class="footer__container container">
       <div class="footer__top">
         <div class="footer__logo flex flex-ac gap-24">
-          <img src="assets/img/footer-logo.webp" width="74" height="62"
+          <img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
-            alt="Официальный представитель завода СИБИТ в Томске">
+          <p>Продажа строительных материалов в&nbsp;Томске</p>
-          <p>ООО "Вектор"<br />Официальный дистрибьютор бренда Сибит в Томске и области</p>
         </div>
         <div class="footer__address">
           <p>г. Томск ул. Карла Маркса 63</p>