diff --git a/assets/stylesheets/template/modules/ad_banner.scss b/assets/stylesheets/template/modules/ad_banner.scss
index 6a8fcb0..cf90717 100644
--- a/assets/stylesheets/template/modules/ad_banner.scss
+++ b/assets/stylesheets/template/modules/ad_banner.scss
@@ -62,10 +62,13 @@
   .w-ba-banner__caption {
     background: $theme-color-main;
     color: $theme-white;
-    z-index: 200;
+    z-index: 2000;
     padding: 0.5em 1em;
 
-    h2 {
+    h2, h3, h4{
+      color: $theme-white;
+    } 
+    h2, h3 {
       font-family: $main-font;
       font-size: $w-caption-font-size;
       margin: 0.5em 0;
diff --git a/assets/stylesheets/template/template.scss b/assets/stylesheets/template/template.scss
index 0b6912b..1ace6f3 100644
--- a/assets/stylesheets/template/template.scss
+++ b/assets/stylesheets/template/template.scss
@@ -27,7 +27,7 @@
   opacity: 0;
   top: -20000px;
   background: rgba(0,0,0,.7);
-  z-index: 1000;
+  z-index: 1100;
   left: 0; 
   transition:opacity .3s ,top 0s .3s;
   &.active{
@@ -57,22 +57,22 @@
     font-weight: bold;
     transition:opacity .5s ,top .5s, left 0s .5s;
     padding: 2px;
-  @media (min-width: 768px){
-    width: 40%;
-    padding: 30px;
-  }
+    @media (min-width: 768px){
+      width: 40%;
+      padding: 30px;
+    }
+    @media (max-width: 767px){
+      padding: 30px 10px;
+    }
     .close-btn{
       position: absolute;
       right: 0;
-      top:-40px;
+      top:0;
       padding: 5px 10px;
       background: $theme-color-main;
       color:#fff;
       font-size: 18px;
       transition:.3s;
-      @media (min-width: 768px){
-        top:0;
-      }
       &:hover{
         background: $theme-color-second;
       }