replace svg logo, update mobile layout

index.html

@@ -20,9 +20,7 @@
     <div id="battery">Disconnected</div>
 
     <div id="panel">
-        <object class="logo" type="image/svg+xml" data="logo.svg">
+        <img class="logo" src="logo.png" alt="logo">
-  	       RoboKoding logo
-        </object>
         <div class="input-group">
             <span class="input-group-addon" id="robot-label">robot name</span>
             <input type="text" class="form-control" id="robot-id"  placeholder="sumo-ID" />

styles.css

@@ -82,8 +82,9 @@ div#stream {
 /* for desktop screen */
 @media screen and (min-width: 1000px) {
     /* logo object */
-    object.logo {
+    img.logo {
-        width: 45%;
+        width: 25%;
+        padding: 1vw;
     }
     /* control panel robot name input */
     div.input-group {
@@ -129,8 +130,9 @@ div#stream {
 /* for mobile and tablet screen */
 @media screen and (max-width: 1000px) {
     /* logo object */
-    object.logo {
+    img.logo {
-        width: 70%;
+        width: 25%;
+        padding: 1vw;
     }
     /* control panel robot name input */
     div.input-group {