diff --git a/frontend/simple/css/aai.css b/frontend/simple/css/aai.css
index b1a1ec3f2..1d6e98a7e 100644
--- a/frontend/simple/css/aai.css
+++ b/frontend/simple/css/aai.css
@@ -98,7 +98,7 @@ header nav span.lang_switch img {
 
 #header-btn {
   display: inline-block;
-  color: #FFFFFF;
+  color: #FFFFFF !important;
   background-color: #F07D3E;
   border: 1px solid #F07D3E;
   font-weight: 700;
@@ -107,6 +107,10 @@ header nav span.lang_switch img {
   text-align: center;
 }
 
+#header-btn:hover {
+  color: #F07D3E !important;
+}
+
 .nav-desktop {
   align-items: center;
   padding-bottom: 13px;
@@ -130,7 +134,7 @@ header nav span.lang_switch img {
   width: 95%;
   height: auto;
   padding-top: 105px;
-  padding-bottom: 105px;
+  padding-bottom: 30px;
   margin: auto;
 }
 .hero-container img {
@@ -586,7 +590,7 @@ input[type=button]:hover,
     text-align: center;
   }
   .hero-container .text h1 {
-    margin-top: 50px;
+    margin-top: 30px !important;
   }
   .hero-container .text p {
     margin-bottom: 25px;
@@ -890,6 +894,16 @@ body #main .main_content input[type=button] {
     margin: 20px 0px !important;
   }
 }
+@media screen and (max-width: 600px) {
+  .hero_image {
+    height: 300px;
+  }
+}
+@media screen and (max-width: 450px) {
+  .hero_image {
+    height: 200px;
+  }
+}
 @media screen and (max-width: 365px) {
   footer .footer_content {
     flex-direction: column;
diff --git a/resources/sass/frontend_simple/aai.scss b/resources/sass/frontend_simple/aai.scss
index 348b46baf..40bfcc937 100644
--- a/resources/sass/frontend_simple/aai.scss
+++ b/resources/sass/frontend_simple/aai.scss
@@ -120,7 +120,7 @@ header {
 
 #header-btn {
     display: inline-block;
-    color: #FFFFFF;
+    color: #FFFFFF !important;
     background-color: #F07D3E;
     border: 1px solid #F07D3E;
 
@@ -130,6 +130,9 @@ header {
     text-transform: none;
     text-align: center;
 }
+#header-btn:hover {
+    color: #F07D3E !important;
+}
 .nav-desktop {
     align-items: center;
     padding-bottom: 13px;
@@ -156,7 +159,7 @@ header {
     height: auto;
 
     padding-top: 105px;
-    padding-bottom: 105px;  
+    padding-bottom: 30px;
 
     margin: auto;
 
@@ -702,7 +705,7 @@ input[type=button],
             text-align: center;
 
             h1 {
-                margin-top: 50px;
+                margin-top: 30px !important;
             }
 
             p {
@@ -1089,6 +1092,18 @@ input[type=button],
       }
 }
 
+@media screen and (max-width: 600px){
+    .hero_image{
+        height: 300px;
+    }
+}
+@media screen and (max-width: 450px){
+    .hero_image{
+        height: 200px;
+    }
+}
+
+
 
 @media screen and (max-width: 365px) {