diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 2807883c6b872ae056472d00f5cdafcb0e1c2853..0c9125913d6a9798f395ff10009676cc98dafebe 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -15,7 +15,7 @@
diff --git a/static/images/hills-footer.svg b/static/images/hills-footer.svg
new file mode 100644
index 0000000000000000000000000000000000000000..c7e9348a14c12580cb4ec0c94239c26243ad83e2
--- /dev/null
+++ b/static/images/hills-footer.svg
@@ -0,0 +1,263 @@
+
+
+
+
diff --git a/static/scss/custom.scss b/static/scss/custom.scss
index 6d0e5dc00433a499f7fcc05a0b8eec96082bbf49..f27bf1f4e49b97002d91571ad5fb034cf1bc56c2 100644
--- a/static/scss/custom.scss
+++ b/static/scss/custom.scss
@@ -164,8 +164,7 @@ body.auth .panel-heading .panel-title span.pull-right {
}
-#hills {
- background: url("../images/hills.svg");
+.hills {
background-size: 100%;
background-position: bottom;
background-repeat: no-repeat;
@@ -175,6 +174,12 @@ body.auth .panel-heading .panel-title span.pull-right {
bottom: 0;
right: 0;
z-index: -9999;
- opacity: 0.3;
- background-blend-mode: multiply;
+
+ &.main {
+ background-image: url("../images/hills.svg");
+ }
+
+ &.footer {
+ background-image: url("../images/hills-footer.svg");
+ }
}
diff --git a/static/scss/variables.scss b/static/scss/variables.scss
index 8ffcd29d65b44ac8d93068c96209bb4f98670755..32635c391ad993340cc91d1ec135d699af29e5d5 100644
--- a/static/scss/variables.scss
+++ b/static/scss/variables.scss
@@ -1,6 +1,6 @@
/* COLORS */
// Used by links, buttons, and other background bits.
-$brand-primary: #1f6400;
+$brand-primary: darken(rgb(0, 202, 10), 20%);
$background-filter: hsla(207, 60%, 85%, 1.0);
$background-filter-transparent: change-color($background-filter, $alpha: 0.5);