Some more of that fancy responsiveness

bornhack/static_src/css/bornhack.css

@@ -6,13 +6,7 @@ a, a:active, a:focus {
    outline: none;
 }
 
-.navbar {
+/* Main width */
-  width: 700px;
-  margin: auto;
-  background-color: rgb(255, 255, 255);
-  border-bottom: 1px solid rgb(250, 250, 250);
-}
-
 #main {
   width: 700px
 }
@@ -29,6 +23,19 @@ a, a:active, a:focus {
   }
 }
 
+/* Front page stuff */
+#front-logo {
+  margin: auto;
+}
+
+/* Navbar stuff */
+.navbar {
+  width: 700px;
+  margin: auto;
+  background-color: rgb(255, 255, 255);
+  border-bottom: 1px solid rgb(250, 250, 250);
+}
+
 .navbar-fixed-top {
   min-height: 80px;
 }
@@ -36,3 +43,14 @@ a, a:active, a:focus {
 .nav li a {
   padding: 30px 25px;
 }
+
+/* Form stuff */
+
+.form-control, .form-control:focus {
+  box-shadow: none;
+}
+
+.btn-black {
+  background-color: rgb(0, 0, 0);
+  color: rgb(255, 255, 255);
+}

bornhack/templates/base.html

@@ -26,8 +26,8 @@
             <span class="icon-bar"></span>
             <span class="icon-bar"></span>
           </button>
-          <a class="navbar-brand" href="#">
+          <a class="navbar-brand" href="/">
-              <img src="{% static 'img/logo-new.png' %}" height="44px" width="171px" />
+            <img src="{% static 'img/logo-new.png' %}" class="img-responsive" />
           </a>
         </div>
 

bornhack/templates/frontpage.html

@@ -5,9 +5,8 @@
 
 <div class="row">
   <div class="col-md-12">
-      <p class="center" style="text-align: center;">
+      <img src="{% static 'img/logo.png' %}" class="img-responsive"
-          <img src="{% static 'img/logo.png' %}" height="400" width="350">
+          id="front-logo" />
-      </p>
       <p class="lead">
         <strong>Bornhack</strong> is a 7 day outdoor camp where hackers, makers
         and people with an interest in technology and security come together to