Update brands.css

Fixed Mobile Layout via Media Query

Author: FuckingToasters

brands.css

@@ -49,7 +49,7 @@
 .button {
   position: relative;
   height: 23px;
-  background-color:var(--accentColor);
+  background-color: var(--accentColor);
   color: var(--textColor);
   border: solid var(--accentColor) 2px;
   border-radius: 10px;
@@ -61,12 +61,25 @@
   margin-bottom: 10px;
   padding: 10px; /* 17px */
   text-decoration: none;
-  width: 500px;
-  height: 48;
+  height: auto;
   /* transition: all .25s cubic-bezier(.08, .59, .29, .99); */
   -webkit-tap-highlight-color: transparent;
 }
 
+/* Portrait mode */
+@media (orientation: portrait) {
+  .button {
+    min-width: 250px;
+  }
+}
+
+/* Landscape mode */
+@media (orientation: landscape) {
+  .button {
+    min-width: 500px;
+  }
+}
+
 @media (hover: hover) {
   .buttonhover {
       background-color: var(--accentColor);
@@ -93,4 +106,4 @@
   -webkit-filter: invert(100%) grayscale(100%);
   -moz-filter: invert(100%) grayscale(100%);
   filter: invert(100%) grayscale(100%);
-} */
+} */