1 files changed, 54 insertions, 63 deletions

diff --git a/site/css/main.css b/site/css/main.css
index 458b9b6..f1484a1 100644
--- a/site/css/main.css
+++ b/site/css/main.css
@@ -178,6 +178,11 @@ header {
     padding: 10px 0;
   }
 }
+@media only screen and (max-width: 375px) {
+  header {
+    padding: 5px 0;
+  }
+}
 header div.header__inner {
   display: -webkit-box;
   display: -webkit-flex;
@@ -215,9 +220,13 @@ header div.header__inner div.header__logo-side a.header__logo {
     margin-right: 16px;
   }
 }
+@media only screen and (max-width: 991px) {
+  header div.header__inner div.header__logo-side a.header__logo {
+    margin-right: 10px;
+  }
+}
 header div.header__inner div.header__logo-side div.header__text {
   font-weight: 500;
-  font-size: 16px;
   line-height: 25px;
 }
 @media only screen and (max-width: 767px) {
@@ -228,106 +237,88 @@ header div.header__inner div.header__logo-side div.header__text {
 header div.header__inner div.header__logo-side div.header__text p {
   font-size: 16px;
   color: #ACACAD;
-  text-align: left;
 }
 @media only screen and (max-width: 991px) {
   header div.header__inner div.header__logo-side div.header__text p {
+    font-size: 15px;
+  }
+}
+@media only screen and (max-width: 767px) {
+  header div.header__inner div.header__logo-side div.header__text p {
     display: none;
   }
 }
 header div.header__inner div.header__links-side {
-  display: grid;
-  grid-template-columns: 1fr auto auto auto;
-  grid-gap: 31px;
-  justify-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
 }
-@media only screen and (max-width: 1199px) {
-  header div.header__inner div.header__links-side {
-    grid-gap: 20px;
-    text-align: center;
-  }
-}
-@media only screen and (max-width: 767px) {
+@media only screen and (max-width: 375px) {
   header div.header__inner div.header__links-side {
-    display: none;
+    -webkit-flex-wrap: wrap;
+        -ms-flex-wrap: wrap;
+            flex-wrap: wrap;
+    -webkit-box-pack: end;
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end;
   }
 }
 header div.header__inner div.header__links-side a {
   font-weight: 600;
   font-size: 15px;
-  line-height: 14px;
+  line-height: 140%;
   text-transform: uppercase;
   text-decoration: none;
   color: #18191C;
   -webkit-transition: 0.3s;
   -o-transition: 0.3s;
   transition: 0.3s;
+  margin-left: 31px;
+  text-align: center;
 }
 @media only screen and (max-width: 1199px) {
   header div.header__inner div.header__links-side a {
     font-size: 14px;
+    margin-left: 20px;
   }
 }
-header div.header__inner div.header__links-side a:hover {
-  color: #FFBE12;
-}
-header div.header__inner div.header__mobile-menu__buttons {
-  height: 100%;
-  width: 30px;
-  -webkit-box-pack: center;
-  -webkit-justify-content: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  display: none;
-}
-@media only screen and (max-width: 767px) {
-  header div.header__inner div.header__mobile-menu__buttons {
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
+@media only screen and (max-width: 575px) {
+  header div.header__inner div.header__links-side a {
+    margin-left: 14px;
   }
 }
-header div.header__inner div.header__mobile-menu__buttons img {
-  cursor: pointer;
-  display: none;
+@media only screen and (max-width: 450px) {
+  header div.header__inner div.header__links-side a {
+    font-size: 13px;
+  }
 }
-header div.header__inner div.header__mobile-menu__buttons img.active {
-  display: block;
+@media only screen and (max-width: 375px) {
+  header div.header__inner div.header__links-side a {
+    line-height: 180%;
+    font-size: 14px;
+    margin-left: 24px;
+  }
 }
-
-nav#mobile-menu {
-  z-index: 1;
-  bottom: 0;
-  top: 0;
-  right: 0;
-  position: fixed;
-  left: 100%;
-  background-color: #ffffff;
-  padding: 70px 15px;
+header div.header__inner div.header__links-side a:nth-child(1) {
+  margin-left: 0;
 }
-@media only screen and (max-width: 575px) {
-  nav#mobile-menu {
-    padding: 60px 15px;
+@media only screen and (max-width: 450px) {
+  header div.header__inner div.header__links-side a:nth-child(3) {
+    max-width: 100px;
   }
 }
-nav#mobile-menu a {
-  display: block;
-  text-transform: uppercase;
-  color: #18191C;
-  text-decoration: none;
-  padding: 15px 0;
-  font-weight: 600;
-  -webkit-transition: 0.3s;
-  -o-transition: 0.3s;
-  transition: 0.3s;
-  border-bottom: 1px solid #e0e0e0;
+@media only screen and (max-width: 375px) {
+  header div.header__inner div.header__links-side a:nth-child(3) {
+    max-width: 100%;
+  }
 }
-nav#mobile-menu a:hover {
+header div.header__inner div.header__links-side a:hover {
   color: #FFBE12;
 }