Merge pull request #18 from UTSA-ACM/develop

Develop: Tons of changes

Author: Zaqttack

.DS_Store

@@ -1,7 +1,7 @@
 @import "theme-variables.css";
 
 #header {
-    z-index: 999;
+    z-index: 9999;
 }
 
 .background-header {

assets/.DS_Store

@@ -103,7 +103,7 @@
     }
 
     .container-fluid .col-md-12 {
-        margin-right: 0px;
-        padding-right: 0px;
+        margin-right: 0;
+        padding-right: 0;
     }
 }

assets/css/header.css

@@ -79,7 +79,7 @@ a:visited:active {
 a.button {
   -webkit-appearance: button;
   -moz-appearance: button;
-  appearance: button;
+  appearance: auto;
 
   text-decoration: none;
   color: initial;
@@ -241,27 +241,31 @@ button.main-button:hover {
   text-align: center;
 }
 
-.left-image-decor {
-  background-image: url(../images/left-bg-decor.png);
+#hero, #about-us, #tracks, #location, #schedule, #faq, #sponsors, #connect {
+  position: relative;
+  z-index: 999;
+}
+
+.new-left-image {
   background-repeat: no-repeat;
   position: absolute;
-  width: 100%;
+  width: 40%;
   display: inline-block;
   height: 110%;
   margin-top: -200px;
   z-index: 1;
 }
 
-.right-image-decor {
-  background-image: url(../images/right-bg-decor.png);
+.new-right-image {
   background-repeat: no-repeat;
-  background-position: right center;
   position: absolute;
-  width: 100%;
+  width: 40%;
+  margin-left: 60%;
   display: inline-block;
   height: 110%;
   margin-top: -200px;
   z-index: 1;
+  float: right;
 }
 
 .text-glow {
@@ -270,7 +274,7 @@ button.main-button:hover {
 
 @-webkit-keyframes glow {
   from {
-    text-shadow: 0 0 10px var(--primaryBackground), 0 0 20px var(--primaryBackground), 0 0 30px var(--primaryBackground), 0 0 40px var(--primaryBackground), 0 0 50px var(--primaryBprimaryBackgroundackgroundDarker), 0 0 60px var(--primaryBackground), 0 0 70px var(--primaryBackground);
+    text-shadow: 0 0 10px var(--primaryBackground), 0 0 20px var(--primaryBackground), 0 0 30px var(--primaryBackground), 0 0 40px var(--primaryBackground), 0 0 50px var(--primaryBackground), 0 0 60px var(--primaryBackground), 0 0 70px var(--primaryBackground);
   }
 
   to {

assets/css/hero-section.css

@@ -5,10 +5,30 @@
 /*    border-radius: 15px;*/
 /*}*/
 
-#sponsors img {
-    width: 465px;
-}
+/*#sponsors img {*/
+/*    width: 465px;*/
+/*}*/
 
 #sponsors .image-container {
-    height: 330px;
+    height: 200px;
+}
+
+#sponsors .image-restrictions {
+    max-height: 330px;
+    max-width: 275px;
+    position: relative;
+    top: 50%;
+    transform: translateY(-50%);
 }
+
+@media (max-width: 975px) {
+    #sponsors .image-restrictions {
+        max-width: 225px;
+    }
+}
+
+@media (max-width: 767px) {
+    #sponsors .image-restrictions {
+        max-width: 150px;
+    }
+}