Merge branch 'add-close-btn' into add-gdpr

_includes/gdpr-banner.html

 <div id="lap-cookies-banner">
     <div class="banner-intro">
+        <div class="close-button">
+            <a class="lap-refuse"><i class="fa fa-times" aria-hidden="true"></i></a>
+        </div>
         <div class="banner-img">
             <img src="{{ '/assets/banners/r3-logo.svg' | relative_url }}" type="image/svg+xml" />
         </div>

_sass/minima/_gdpr.scss

@@ -49,6 +49,11 @@
     margin-bottom: 10px;
 }
 
+#lap-cookies-banner .close-button {
+    position: absolute;
+    left: 100%;
+}
+
 #lap-cookies-banner .banner-buttons .banner-buttons-more {
     position: relative;
     left: 55%;
@@ -189,6 +194,21 @@ label.input-toggle {
     position: relative;
 }
 
+@media(max-width: 500px) {
+    #lap-cookies-banner .banner-intro {
+        width: 60%;
+        position: relative;
+        left: 20%;
+        text-align: left;
+    }
+    #lap-cookies-banner .banner-buttons .banner-buttons-more {
+        position: relative;
+        left: 25%;
+        top: 10px;
+        width: 50%;
+    }
+}
+
 @media(max-width: 1100px) {
     #lap-cookies-banner .banner-intro {
         width: 90%;
@@ -204,8 +224,35 @@ label.input-toggle {
     }
     #lap-cookies-banner .banner-buttons .banner-buttons-more {
         position: relative;
-        left: 40%;
+        left: 25%;
         top: 10px;
+        width: 50%;
+    }
+}
+
+@media(max-width: 1600px) {
+    #lap-cookies-banner .banner-intro {
+        width: 60%;
+        position: relative;
+        left: 20%;
+        text-align: left;
+    }
+}
+
+/* ultra-wide screen */
+@media(min-width: 2400px) {
+    #lap-cookies-banner .banner-intro {
+
+        position: relative;
+        text-align: left;
+        max-width: 800px;
+        left: 35%;
+    }
+
+    #lap-cookies-banner .banner-buttons .banner-buttons-more {
+        position: relative;
+        left: 50%;
+        top: -28px;
         width: 20%;
     }
 }
\ No newline at end of file