diff --git a/index.html b/index.html
index 568b715..3eaf9b3 100644
--- a/index.html
+++ b/index.html
@@ -13,8 +13,8 @@
     <title>Document</title>
 </head>
 <body>
-    <div id="black">BLUE</div>
-    <div id="white">CUBE</div>
+    <div id="black">BLUE &nbsp;</div><div id="white">CUBE</div>
+    <br><br>
     <div id="CG">Casa Grande</div>
     <br>
     <div id="myProgress">
diff --git a/jquery.bxslider.css b/jquery.bxslider.css
index 9ac6044..064621e 100644
--- a/jquery.bxslider.css
+++ b/jquery.bxslider.css
@@ -21,6 +21,10 @@
 ul.bxslider {
   list-style: none;
 }
+
+.bx-wrapper .bx-viewport {
+  background: #efefef;   
+ }
 /*.bx-viewport {
   fix other elements on the page moving (on Chrome)
   -webkit-transform: translatez(0);
diff --git a/mystyle.css b/mystyle.css
index d746610..8ec9dc4 100644
--- a/mystyle.css
+++ b/mystyle.css
@@ -1,3 +1,7 @@
+body {
+  background-color: #efefef;
+}
+
 #slider {
     overflow: hidden;
     align-items: center;
@@ -43,9 +47,11 @@
    font-family: myFirstFont;
    font-stretch: wider;
    font-size: larger;
+   display: inline-block;
 }
 
 #white {
+  display: inline-block;
    color: white;
    font-family: myFirstFont;
    font-stretch: wider;
