diff --git a/src/img/dumbbell.jpg b/src/img/dumbbell.jpg
index f709b6d..2712b66 100644
Binary files a/src/img/dumbbell.jpg and b/src/img/dumbbell.jpg differ
diff --git a/src/img/magdeburg.jpg b/src/img/magdeburg.jpg
index 518b985..1e925c0 100644
Binary files a/src/img/magdeburg.jpg and b/src/img/magdeburg.jpg differ
diff --git a/src/img/sp-codes.jpg b/src/img/sp-codes.jpg
new file mode 100644
index 0000000..ff92a33
Binary files /dev/null and b/src/img/sp-codes.jpg differ
diff --git a/src/img/sp-codes.png b/src/img/sp-codes.png
deleted file mode 100644
index bd20b75..0000000
Binary files a/src/img/sp-codes.png and /dev/null differ
diff --git a/src/img/sp-magic.jpg b/src/img/sp-magic.jpg
new file mode 100644
index 0000000..71ad2de
Binary files /dev/null and b/src/img/sp-magic.jpg differ
diff --git a/src/img/sp-magic.png b/src/img/sp-magic.png
deleted file mode 100644
index 94d8606..0000000
Binary files a/src/img/sp-magic.png and /dev/null differ
diff --git a/src/scss/main.scss b/src/scss/main.scss
index bff5890..bf348eb 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -20,7 +20,7 @@ header {
   position: relative;
   height: 100vh;
   width: 100%;
-  background-image: url(../img/sp-codes.png);
+  background-image: url(../img/sp-codes.jpg);
   background-color: transparent;
   background-size: cover;
   background-attachment: fixed;
@@ -33,7 +33,6 @@ header {
     bottom: 0;
     left: 0;
     right: 0;
-    //background: rgba(73, 14, 10, 0.9);
     background-color: rgba($secondary, 0.9);
   }
 
@@ -449,7 +448,7 @@ section {
   }
 
   &.interest-magic {
-    background-image: url(../img/sp-magic.png);
+    background-image: url(../img/sp-magic.jpg);
 
     .desc {
       vertical-align: bottom;
@@ -518,7 +517,7 @@ section {
 }
 
 .btn-primary {
-  color: #000 !important;
+  color: #fff !important;
   background-color: $primary !important;
   border-color: $primary !important;
 }