add new sounds && refactor && new bg images && form redesigns

src/Mine/SeekerBundle/Resources/public/css/style.homepage.css

@@ -26,7 +26,7 @@ header {
     justify-content: center;
     flex-direction: column;
     width: 100%;
-    height: 560px;
+    height: 100%;
     color: #ffffff;
     overflow: hidden;
 }
@@ -37,6 +37,8 @@ header h1 {
     text-align: center;
     line-height: 20px;
     color: #ffa800;
+
+    z-index: 2;
 }
 
 header h3 {
@@ -44,6 +46,8 @@ header h3 {
     font: normal 32px 'Open Sans Condensed', sans-serif;
     text-align: center;
     color: #ffcd02;
+
+    z-index: 2;
 }
 
 header > a {
@@ -56,6 +60,8 @@ header > a {
     padding: 10px 70px;
     margin-top: 20px;
 
+    z-index: 2;
+
     -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
     box-shadow: 0 3px 5px rgba(0, 0, 0, 0.75);
     -webkit-border-radius: 3px;
@@ -79,13 +85,23 @@ header > a:hover {
 
 header > img {
     position: absolute;
-    width: 350px;
-    bottom: -250px;
+    width: 50%;
+    max-width: 1000px;
+    bottom: -25%;
+
+    z-index: 1;
 }
 
-main {
-    font: normal 32px 'Open Sans Condensed', sans-serif;
-    text-align: center;
-    color: #ffffff;
-    padding-top: 50px;
+@media screen and (max-width: 1500px) {
+    header > img {
+        width: 60%;
+        bottom: -40%;
+    }
 }
+
+@media screen and (max-width: 1500px) {
+    header > img {
+        width: 70%;
+        bottom: -20%;
+    }
+}