diff --git a/static/src/css/app.css b/static/src/css/app.css
index 58a7ed37..16463bf1 100644
--- a/static/src/css/app.css
+++ b/static/src/css/app.css
@@ -209,6 +209,12 @@ div.system-message p.system-message-title {
 		border: 0px !important;
 }
 
+.room {
+	display: none;
+}
+.speaker {
+	display: block;
+}
 
 /* 4 different navbar styles to alternate through */
 .navbar-nav li:nth-child(4n+0) {background-color: #ECE81A;}
@@ -235,6 +241,7 @@ div.system-message p.system-message-title {
 	.navbar-nav { margin: 0px -15px;  }
 	.navbar-nav > li { width: 120px !important; }
     .dropdown-menu { left: 20px; top: 30px; }
+    .room {	display: block;  }
 }
 
 @media all and (min-width: 760px) {
@@ -249,24 +256,24 @@ div.system-message p.system-message-title {
 		transform: skew(45deg);
 	}
 }
-@media only screen and (max-width: 1200px) and (min-width: 760px) {
+@media only screen and (max-width: 760px) {
 	/* Force table to not be like tables anymore */
-	.banner table {
+	table {
         display: table-row;
     }
-    .banner thead, .banner tbody, .banner th, .banner td, .banner tr {
+    thead, tbody, th, td, tr {
 		display: block;
 		border-top: 0px !important;
 	}
 
-    .banner td {
+    td {
 	    /* Behave  like a "row" */
 	    border: none;
 	    position: relative;yes
 	    padding-left: 50%;
 	}
 
-	 .banner td:before {
+	td:before {
 		/* Now like a table header */
 		position: absolute;
 		/* Top/left values mimic padding */