diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css
index e688cb3..a5b4abe 100644
--- a/viewer/static/css/styles.css
+++ b/viewer/static/css/styles.css
@@ -55,37 +55,37 @@
  * Media queries.                                                           *
  ****************************************************************************/
 
-@media (min-width: 700px) {
+@media (min-width: 300px) {
     .grid {
         grid-template-columns: repeat(2, 1fr);
     }
 }
 
-@media (min-width: 900px) {
+@media (min-width: 500px) {
     .grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 
-@media (min-width: 1024px) {
+@media (min-width: 600px) {
     .grid {
         grid-template-columns: repeat(5, 1fr);
     }
 }
 
-@media (min-width: 1280px) {
+@media (min-width: 1024px) {
     .grid {
         grid-template-columns: repeat(7, 1fr);
     }
 }
 
-@media (min-width: 1440px) {
+@media (min-width: 1280px) {
     .grid {
         grid-template-columns: repeat(9, 1fr);
     }
 }
 
-@media (min-width: 1800px) {
+@media (min-width: 1500px) {
     .grid {
         grid-template-columns: repeat(11, 1fr);
     }