diff --git a/index.html b/index.html
index 75f65f4..2b5da3f 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
         <div id="box1" onclick="popup_box('audio1','b1')"><i class="b1 fa fa-play"></i></div> <p>Folklore literature</p>
         <div id="box2" onclick="popup_box('audio2','b2')"><i class="b2 fa fa-play" aria-hidden="true"></i></div><p>Islamic Mysticism</p>
         <div id="box3" onclick="popup_box('audio3','b3')"><i class="b3 fa fa-play" aria-hidden="true"></i></div> <p>Contemporary poets</p>
-        <div id="box4"><i class="box4 fa fa-play" aria-hidden="true"></i></div> <p>Contemporary musicians</p>
+        <div id="box4"><i class="box4 fa fa-stop" aria-hidden="true"></i></div> <p>Contemporary musicians</p>
       </div>
       </div>
       </div>
@@ -69,7 +69,7 @@
     <button onclick="playpause('audioBG')" type="button" name="button"><i class="audioBG fa fa-play"></i></button>
 <audio id="audioBG"
 preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur1,audioBG)">
-<source src="static/audio/HNI_Soundinstall_3tracks_together.webm">
+<source src="static/audio/HNI_Soundinstall_3tracks_together.mp3">
 </audio>
 <input id="dur1" type="range" name="rng" min="0" step="0.25" value="0" onchange="mSet(dur1,audioBG)" style="width: 150px">
 
diff --git a/static/css/style.css b/static/css/style.css
index 14d84df..98cf20b 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -233,9 +233,6 @@ a :hover {
   cursor: pointer;
 }
 
-#box4:hover {
-  cursor: pointer;
-}
 
 .map_legend p {
   padding-left: 5px;
@@ -520,7 +517,7 @@ color: #d81159;
   max-height: 500px;
   border: 1px solid black;
   padding: 2%;
-  z-index: 5;
+  z-index: 10;
   font-family: 'Vesper Libre', serif;
   font-size: 16px;
   overflow-y: scroll;