Quick CSS fixes

- fixed hero-area and navbar responsiveness

css/main.css

@@ -309,7 +309,9 @@ a:hover {
   padding-top: 50px;
   padding-bottom: 25px;
   background-image: url(http://www.publicdomainpictures.net/pictures/220000/velka/rock-concert-1494235506Xle.jpg);
-  background-size: 115%;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
   background-blend-mode: soft-light;
 }
 

css/responsive.css

@@ -1,18 +1,19 @@
 @media (min-width: 768px) and (max-width: 1024px) {
-
-#hero-area .btn{margin-top: 15px;}
-
-  .nav > li > a {
+  .nav>li>a {
     padding: 12px 8px;
     line-height: 21px;
   }
-  .social-links{padding-top: 15px;}
 }
 
-@media (min-width: 320px) and (max-width: 480px) {
-  #hero-area .btn{margin-top: 15px;}
-  .navbar-default{background: rgba(0, 0, 0, 0.8);}
-  .social-links{padding-top: 15px;}
-  .row {padding: 40px 0px;}
+@media (max-width: 480px) {
+  #hero-area .title {
+    font-size: 54pt;
+  }
 
+  #hero-area .btn {
+    margin-top: 15px;
+  }
+  .row {
+    padding: 40px 0px;
+  }
 }