diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css index 5d157f85d..e58ac35aa 100644 --- a/frontend/simple/css/aai.css +++ b/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; } @@ -469,7 +471,9 @@ input[type=button]:hover, footer .footer_content .col .logo_holder{ display: flex; flex-direction: row; - justify-content: space-between; + 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{ - - width: 100%; + 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; + } + }