aai css popravki hero / footer

frontend/simple/css/aai.css

@@ -124,8 +124,9 @@ header nav span.lang_switch img {
     max-width: 390px;
     margin-top: 0px;
     margin-bottom: 25px;
-
     font-size: 18px;
+
+    line-height: 26px;
 }
 
 .hero-container a {
@@ -135,10 +136,11 @@ header nav span.lang_switch img {
 
     font-size: 16px;
     font-weight: 600;
+    line-height: 26px;
 
     padding: 0px 16px;
     height: 50px;
-    width: 320px;
+    width: 280px;
     background-color: #F07D3E;
     border: 1px solid #F07D3E;
     color: white;
@@ -377,10 +379,6 @@ input[type=button]:hover,
         width: auto;
         /* background-color: red; */
     }
-    header .logo img:last-child{
-        max-width: 100px;
-        height: 40px;
-    }
 
 
     .hero-container {
@@ -407,7 +405,7 @@ input[type=button]:hover,
     }
     .hero-container .text a {
         width: 80%;
-        max-width: 320px;
+        max-width: 280px;
         margin: auto;
     }
 
@@ -452,6 +450,10 @@ input[type=button]:hover,
         margin: 0px auto;
     }
 
+    footer {
+        padding: 0px;
+    }
+
     footer .footer_content {
         display: grid;
         grid-template-columns: 1fr 1fr 1fr ;
@@ -461,7 +463,7 @@ input[type=button]:hover,
 
     footer .footer_content .col{
         /* border: 1px solid red; */
-
+        max-width: 100%;
         width: auto;
        
     }
@@ -470,6 +472,8 @@ input[type=button]:hover,
         display: flex;
         flex-direction: row;
         justify-content: space-between; 
+        
+        max-width: 100%;
     }
     footer .footer_content .col .logo_holder img{
         max-width: 33%;
@@ -501,6 +505,9 @@ input[type=button]:hover,
 
 @media screen and (max-width: 700px) {
 
+    .main_content {
+        padding: 0px;
+    }
 
     body #main .main_content h1 {
         font-size: 50px;
@@ -509,6 +516,9 @@ input[type=button]:hover,
     .hero-container {
         margin-top: 50px;
     }
+    .hero-container .text {
+        max-width: 100%;
+    }
 
     .hero-container img {
         max-width: 80%;
@@ -561,12 +571,12 @@ input[type=button]:hover,
 
     #nav-icon3 {
 
-        width: 40px;
+        width: 38px;
         height: 20px;
         position: relative;
 
 
-        top: 15px;
+        bottom: 15px;
         
         -webkit-transform: rotate(0deg);
         -moz-transform: rotate(0deg);
@@ -716,19 +726,32 @@ input[type=button]:hover,
 
 
     footer .footer_content .col1{
-
+        max-width: 100%;
         width: 100%;
     }
 
 
     footer .footer_content .col2,
     footer .footer_content .col3  {
-
+        max-width: 50%;
         width: 50%;  
     }
 
+    /* footer .footer_content .col4 {
+        max-height: 400px;
+        height: 400px;
+    } */
 
 
+    footer .footer_content .col .logo_holder {
+        flex-direction: column;
+        justify-content: unset;
+    }
+    footer .footer_content .col .logo_holder img {
+        max-width: unset;
+        padding-bottom: 12px;
+    }
+
 
 }