Make search form for homepage parallax container

New form appears only on tablets and devices with bigger screens. Form
appears in center of main parallax image. Show original form only on
mobile screens; hide it on bigger screens. Issue #23

views/home.hbs

@@ -16,16 +16,41 @@
 
     	{{> header}}
 
-			<div class="parallax-container hide-on-small-only center valign-wrapper">
+			<div class="parallax-container hide-on-small-only valign-wrapper">
 				<div class="parallax">
-					<img src="/public/assets/img/michael-browning-14090-unsplash-1024x683.jpg" alt="Men working in kitchen. Photo by Michael Browning on Unsplash.">
+					<img src="/public/assets/img/michael-browning-14090-unsplash-1024x683.jpg" alt="Men working in kitchen. Photo by Michael Browning on Unsplash." class="black-white">
 				</div>
 				{{!-- <div class="container">
 					<h1 class="red-text text-lighten-2 blue-grey lighten-5 card" style="font-weight: bold; padding:10px;">NYC Food Safety</h1>
 				</div> --}}
+
+				<div class="container">
+					<div class="row">
+						<form class="col s12 card" style="border:20px solid teal;">
+							<h3 class="teal-text text-lighten-2" style="font-weight: bold;">Is Your Food Safe?</h3>
+							<h5 class="">Find a restaurant's inspection records</h5>
+							<div class="row">
+								<div class="input-field col s6">
+									<i class="material-icons prefix">restaurant</i>
+									<input id="name" type="text" class="validate" placeholder="Restaurant name">
+									{{!-- <label for="name">Name</label> --}}
+								</div>
+								<div class="input-field col s3">
+									<i class="material-icons prefix">location_city</i>
+									<input id="borough" type="text" class="validate" placeholder="borough">
+									{{!-- <label for="borough">borough</label> --}}
+								</div>
+								<div class="input-field col s3">
+									<button class="btn-large waves-effect waves-light" type="submit" name="action">SEARCH
+									</button>
+								</div>
+							</div>
+						</form>
+					</div>
+				</div>
 			</div>
 
-    	<div class="blue-grey lighten-5">
+    	<div class="blue-grey lighten-5 hide-on-med-and-up">
 	    	<main class="container" style="padding: 30px;">
 			    <h3 class="red-text text-lighten-2" style="font-weight: bold;">{{pageTitle}}</h3>
 		    	<div class="section">