second commit

style/_nav.scss

@@ -2,7 +2,8 @@
 
 
 form{
-    width: 336px;
+    width: 380px;
+    height: 40px ;
 }
 
 .socials-ul{
@@ -18,6 +19,7 @@ nav {
 
 .navbar {
     padding: 0 !important;
+    height: 40px ;
 }
 
 .form-container {
@@ -31,6 +33,7 @@ nav {
     color: $lightblue;
     width: 30px;
     height: 30px;
+    
 }
 
 .btn span:hover {
@@ -49,25 +52,35 @@ input {
 
 #src-input {
     background-color: #4a4e55;
-    padding: 0;
+    padding-left: 20px;
 }
 
 input::placeholder {
     color: white !important;
 }
 
-.number {
+.phone{
+    color: #333333;
     font-family: $numberfont;
     font-weight: 900;
+    font-size: 15px;
+    letter-spacing: .04em;
     font-style: normal;
     cursor: pointer;
+    text-decoration: none;
 }
 
-.number:hover {
+.phone:hover{
     color: $lightblue;
     transition: 0.5s;
+    text-decoration: none;
 
 }
+#phone-img{
+    width: 22px;
+    height: 33px;
+}
+
 
 #mail:hover {
     color: #333333;
@@ -84,7 +97,7 @@ input::placeholder {
 
 @media only screen and (min-width: 768px) {
     form {
-        width: 250px !important;
+        width: 229px !important;
         background-color: #4a4e55;
         padding-left: 34px;
         padding-right: 15px;        
@@ -96,9 +109,12 @@ input::placeholder {
     }
     .navbar{
         background-color: #30343c;
-        height: 60px;
+        height: 50px;
         
     }
+    #src-input {
+        padding-left: 0px;
+    }
     #socials{
         height: 28px !important;
         width: 28px !important;
@@ -122,6 +138,7 @@ input::placeholder {
         font-style: normal;
         text-transform: uppercase;
         list-style-type: none;
+        padding-left: 16px !important;
         
 
         .navs{
@@ -139,6 +156,9 @@ input::placeholder {
 }
 
 @media only screen and (min-width: 992px) {
+    .navbar{
+        height: 60px;
+    }
     form{
         margin-left: 55px;
         margin-right: 72px;