dunno

static/css/style.css

@@ -7,7 +7,7 @@
 .map_area {
   text-align: center;
   margin-top: 200px;
-  height:800px;
+  height:80%;
 }
 .image_area {
   margin-top: 10px;

templates/hello.html

@@ -5,9 +5,9 @@
   <div class="col-md-9">
     <div class="map_area">Map area
       <div class="row">
-        <div class="col-md-1 col-sm-4">
+        <div class="col-md-9">
           <div id="show1"><audio controls>
-            <source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
+            <source src="../static/audio/myths.mp3" type="audio/mpeg">
             Your browser does not support the audio tag.
           </audio></div>
 
@@ -31,7 +31,7 @@
     </div>
     <div class="col-md-10">
       <audio controls>
-        <source src="../static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
+        <source src="../static/audio/myths.mp3" type="audio/mpeg">
         Your browser does not support the audio tag.
       </audio>
     </div>