8

style.css

@@ -35,6 +35,7 @@
 
 .icon-phone:before {
   content: "\e901";
+  font-size: 20px;
 }
 .icon-facebook:before {
   content: "\e902";
@@ -44,6 +45,7 @@
 }
 .icon-planet:before {
   content: "\e906";
+  font-size: 20px;
 }
 .icon-instagram:before {
   content: "\ea92";
@@ -53,9 +55,11 @@
 }
 .icon-mail:before {
   content: "\e905";
+  font-size: 20px;
 }
 .icon-map:before {
   content: "\e904";
+  font-size: 20px;
 }
 .icon-google:before {
   content: "\e903";
@@ -85,13 +89,14 @@ a {
   flex-direction: column;
   /* max-width: 100%; */
   width: 1920px;
-  /* width: 100%;
-  max-width: 1920px; */
+  /* width: 100%; */
+  /* max-width: 1920px; */
   min-height: 100vh;
 }
 
 .content {
-  width: 1170px;
+  max-width: 1200px;
+  padding: 0 15px;
   margin: 0 auto;
 }
 /* THE ALL SITE */
@@ -166,7 +171,7 @@ a {
 .form-text {
   display: flex;
   justify-content: space-between;
-  width: 930px;
+  min-width: 930px;
   padding-bottom: 35px;
   margin: 100px;
   margin-left: 340px;
@@ -181,7 +186,7 @@ a {
   display: flex;
   flex-direction: column;
   align-content: center;
-  width: 300px;
+  min-width: 300px;
 }
 
 .form > p {
@@ -194,7 +199,7 @@ a {
 
 .form > input,
 select {
-  width: 230px;
+  max-width: 230px;
   height: 50px;
   background: #f2f2f2;
   border-radius: 8px;
@@ -224,7 +229,7 @@ select {
   text-align: center;
   word-spacing: 2px;
   margin: 17px 0 0 95px;
-  width: 170px;
+  max-width: 170px;
   padding: 13px 0 15px;
   font-weight: bold;
   font-size: 16px;
@@ -259,7 +264,6 @@ select {
 
 /* TWO CONENT */
 .two-content {
-  height: 1000px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -276,7 +280,7 @@ select {
 }
 
 .block3-text {
-  max-width: 420px;
+  width: 420px;
   padding-top: 42px;
   display: flex;
   flex-direction: column;
@@ -303,9 +307,8 @@ select {
 }
 
 .block3-boxs {
-  width: 1170px;
-  height: 625px;
-  margin-top: 67px;
+  min-height: 625px;
+  margin-top: 68px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -349,9 +352,11 @@ select {
 
 /* THREE CONTENT */
 .gallery {
+  max-height: 700px;
   width: 100%;
   display: flex;
   flex-wrap: wrap;
+  border: none;
 }
 
 .hover {
@@ -371,7 +376,7 @@ select {
 
 .hover::before {
   content: "";
-  background: rgb(124, 137, 239, 0.8);
+  background: rgba(117, 132, 243, 0.8);
   position: absolute;
   top: 0;
   left: 0;
@@ -387,7 +392,7 @@ select {
 }
 
 .about-us {
-  padding: 124px 0;
+  padding: 124px 15px;
   display: flex;
   justify-content: space-between;
 }
@@ -409,7 +414,8 @@ select {
 }
 
 .yoga-gallery {
-  width: 570px;
+  max-width: 570px;
+  margin-left: 181.62px;
   position: relative;
 }
 
@@ -420,6 +426,7 @@ select {
 .yoga-gallery::after {
   content: "";
   background: rgb(196, 197, 201, 0.3);
+  border-radius: 8px;
   position: absolute;
   top: 0;
   left: 0;
@@ -447,9 +454,10 @@ select {
 
 /* FIVE CONTENT */
 .five-content {
-  height: 800px;
+  padding: 125px 0;
   display: flex;
   justify-content: center;
+  flex-wrap: wrap;
   align-items: center;
   background: url("../img/feture-fone.png") no-repeat;
   background-size: 100%;
@@ -457,7 +465,7 @@ select {
 }
 
 .features {
-  height: 550px;
+  min-height: 550px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
@@ -482,7 +490,7 @@ select {
   text-align: center;
   line-height: 1.5;
   letter-spacing: 0.3px;
-  margin-left: -1px;
+  padding-left: 1px;
   padding-bottom: 12px;
   flex-grow: 1;
 }
@@ -522,12 +530,18 @@ select {
   font-weight: bold;
 }
 
+.about > p{
+  padding: 40px 0 80px;
+}
+
 .icon {
+  /* margin-left: 20px; */
+  max-width: 170px;
+  font-size: 23px;
   display: flex;
+  justify-content: space-between;
 }
 
-.contacts {
-}
 
 .connection {
   display: flex;
@@ -548,11 +562,8 @@ select {
   font-size: 16px;
 }
 
-
+/* 
 @media (max-width: 1365px) {
-  /* .first-content{
-    height: auto;
-  } */
   .form-text {
     width: 850px;
     height: 320px;
@@ -589,14 +600,6 @@ select {
     font-size: 37px;
   }
 
-  .block3 {
-    /* margin-top: -350px; */
-  }
-
-  .gallery {
-    /* margin-top: -230px; */
-  }
-
   .gallery > img {
     width: 25%;
   }
@@ -604,4 +607,4 @@ select {
   .about-us {
     width: 1100px;
   }
-}
+} */