Update search.html

Author: szimmerman10

navigation/search.html

@@ -25,12 +25,24 @@
   opacity: 0.3;
 }
 
-@media all and (max-width: 720px) {
-  .filterDiv { width:100%; }      
+@media all and (max-width: 800px) {
+  .filterDiv { width:100%; }   
+  .btn { width:48%; font-size: 3.5vw;}   
 }
 
-@media all and ( min-width: 720px) {
+@media all and ( min-width: 800px) and (max-width: 1200px) {
   .filterDiv { width:48%; }      
+  .btn { width:32%; font-size: 2.5vw;} 
+}
+
+@media all and ( min-width: 1200px) and ( max-width: 1710px){
+  .filterDiv { width:32%; }  
+  .btn { width:19.5%; font-size: 1.4vw;}     
+}
+
+@media all and ( min-width: 1710px) {
+  .filterDiv { width:24%; }   
+  .btn { width:10.5%; font-size: 0.82vw;}   
 }
 
 .show {
@@ -53,21 +65,10 @@
   font-family: Helvetica;
 }
 
-@media all and (max-width: 800px) {
-  .btn { width:48%; font-size: 3.5vw;}      
-}
 
-@media all and ( min-width: 800px) and (max-width: 1200px) {
-  .btn { width:32%; font-size: 2.5vw;}      
-}
 
-@media all and ( min-width: 1200px) and ( max-width: 1710px){
-  .btn { width:24%; font-size: 2vw;}      
-}
 
-@media all and ( min-width: 1710px) {
-  .btn { width:19%; font-size: 1.5vw;}      
-}
+
 
 .btn:hover {
   background-color: #cfd4d8;