No media tags - just percentage

Changed from using media tags to using a percentage in the height.

Author: cameronoelsen

css/logo-nav.css

@@ -669,7 +669,7 @@ animation-delay: 1.1s;
     border-style: solid;
     border-width: 1px;
     padding-left: 3px;
-    height: 400px;
+    height: 20%;
 }
 .donate-box img {
     padding-top: 25px;
@@ -695,44 +695,8 @@ animation-delay: 1.1s;
     padding-top: 25px;
     padding-right: 25px;
 }
-@media (max-width: 1200px) {
-    .donate-box {
-        height: 455px;
-    }
-}
 @media (max-width: 991px) {
     .donate-box {
-        height: 365px;
-        margin-top: 15%;
-    }
-}
-@media (max-width: 687px) {
-    .donate-box {
-        height: 400px;
-    }
-}
-@media (max-width: 582px) {
-    .donate-box {
-        height: 415px;
-    }
-}
-@media (max-width: 521px) {
-    .donate-box {
-        height: 440px;
-    }
-}
-@media (max-width: 440px) {
-    .donate-box {
-        height: 475px;
-    }
-}
-@media (max-width: 428px) {
-    .donate-box {
-        height: 480px;
-    }
-}
-@media (max-width: 427px) {
-    .donate-box {
-        height: 500px;
+        margin-top: 10%;
     }
 }