From e9a8f5a1042aa06c3e30528a6598d831d8c3649e Mon Sep 17 00:00:00 2001
From: Konstantin-39 <kosbelan@MacBook-Air.local>
Date: Fri, 13 Sep 2024 00:38:05 +0700
Subject: [PATCH] small changes in styles

---
 assets/css/gp-style-desktop.css | 14 +++++++++++++-
 assets/css/gp-style-mobile.css  | 13 +++++++++++--
 index.html                      |  5 ++---
 3 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css
index 2dc3c4e..60ed635 100644
--- a/assets/css/gp-style-desktop.css
+++ b/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;
+	}
+}
diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css
index ec774e7..3a9d608 100644
--- a/assets/css/gp-style-mobile.css
+++ b/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'] {
diff --git a/index.html b/index.html
index 87b697e..86c79dd 100644
--- a/index.html
+++ b/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"
-            alt="Официальный представитель завода СИБИТ в Томске">
-          <p>ООО "Вектор"<br />Официальный дистрибьютор бренда Сибит в Томске и области</p>
+          <img src="assets/img/footer-logo.webp" width="74" height="62" alt="Продажа строительных материалов в Томске">
+          <p>Продажа строительных материалов в&nbsp;Томске</p>
         </div>
         <div class="footer__address">
           <p>г. Томск ул. Карла Маркса 63</p>