FIX: container

css/style.css

@@ -19,6 +19,7 @@ a{
     width: 100%;
     max-width: 1150px;
     margin: 0 auto;
+    box-sizing: border-box;
 }
 
 .welcome
@@ -39,7 +40,7 @@ a{
     line-height: 30px;
     text-align: center;
     font-size: 10px;
-    text-transform: uppercase;  
+    text-transform: uppercase;
 }
 
 /*logo line*/
@@ -50,14 +51,11 @@ a{
     text-transform: uppercase;
     color: #000;
     display: flex;
-    justify-content: space-between;
+    justify-content: center;
     align-items: center;
+    column-gap: 25px;
 }
 
-.val{
-    width: 100%;
-    max-width: 128px;
-}
 
 .logo
 {
@@ -94,7 +92,7 @@ a{
 .nav_group
 {
     max-width: 545px;
-    display: flex; 
+    display: flex;
     justify-content: space-between   ;
     align-items: center;
 
@@ -121,7 +119,7 @@ a{
     border-right: 1px dashed #999999;
     border-right-width: 1px;
     padding: 0 14px;
-    
+
 }
 
 .search
@@ -159,7 +157,7 @@ a{
     width: 146px;
     height: 170px;
     margin-right: 24px;
-    
+
 }
 
 .alt_image:hover
@@ -214,7 +212,7 @@ a{
 
 .inform p
 {
-    margin: 0 0;    
+    margin: 0 0;
 }
 
 .inform a
@@ -244,7 +242,7 @@ a{
     border-color: #e1e1e1;
     text-transform: uppercase;
     font-size: 14px;
-    
+
 }
 
 .color
@@ -275,7 +273,7 @@ a{
     appearance: none;
 }
 
-select:not([multiple]) 
+select:not([multiple])
 {
     padding-right: 1.2em;
     background-repeat: no-repeat;
@@ -284,16 +282,16 @@ select:not([multiple])
     background-image: url("../images/icon.png");
 }
 
-input[type="number"] 
-{ 
-    -webkit-appearance: textfield; 
+input[type="number"]
+{
+    -webkit-appearance: textfield;
     -moz-appearance: textfield;
-    appearance: textfield; 
+    appearance: textfield;
 }
 
-input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button 
-{ 
-    -webkit-appearance: none; 
+input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button
+{
+    -webkit-appearance: none;
 }
 
 input
@@ -305,7 +303,7 @@ input
 {
     display: flex;
     align-items: center;
-    
+
 }
 
 
@@ -328,7 +326,7 @@ input
 
 .buttons button:first-child
 {
-    
+
     border-bottom: 0.5px solid #e1e1e1;
 }
 
@@ -339,20 +337,20 @@ input
 }
 
 .count_up {
-    width: 0; 
-    height: 0; 
+    width: 0;
+    height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
-    
+
     border-bottom: 2px solid #cccccc;
   }
 
 .count_down {
-    width: 0; 
-    height: 0; 
+    width: 0;
+    height: 0;
     border-left: 3px solid transparent;
     border-right: 3px solid transparent;
-    
+
     border-top: 2px solid #cccccc;
   }
 
@@ -391,8 +389,8 @@ footer
 
 @media screen and (max-width: 1150px)
 {
-    
-    
+
+
     .container
     {
         padding-left: 5px ;
@@ -400,7 +398,7 @@ footer
         display: flex;
         justify-content: space-around;
     }
-    
+
 
     .val
     {
@@ -447,13 +445,13 @@ footer
         overflow-x: scroll;
         padding-bottom: 10px;
     }
-    
+
     .alt_image
     {
         width: 100%;
         max-width: 146px;
         height: auto;
-        
+
     }
 
     .alt_image:last-child
@@ -474,9 +472,9 @@ footer
         display: flex;
         flex-direction: column;
         align-items: flex-start;
-        margin-left: 7px; 
+        margin-left: 7px;
     }
-    
+
     .selectors
     {
         display: flex;
@@ -488,4 +486,4 @@ footer
         font-size: 13px;
         line-height: 20px;
     }
-}
+}