title and no brews UI

client/homebrew/pages/archivePage/archivePage.jsx

@@ -64,7 +64,12 @@ const ArchivePage = createClass({
     console.log('brews: ',brews);
 
     if (!brews || brews.length === 0) {
-      return <div>No brews found.</div>;
+      return(
+      <div className="foundBrews noBrews">
+        <h2>We haven't found brews meeting your request.</h2>
+      </div>
+       
+      );
     }
     this.updateUrl();
       return <div className="foundBrews">
@@ -118,6 +123,9 @@ const ArchivePage = createClass({
   renderNavItems: function () {
     return (
       <Navbar>
+        <Nav.section>
+					<Nav.item className='brewTitle'>Archive: Search for brews</Nav.item>
+				</Nav.section>
         <Nav.section>
           <NewBrew />
           <HelpNavItem />

client/homebrew/pages/archivePage/archivePage.less

@@ -11,6 +11,13 @@ body {
     height: 100%;
     background-color: #2C3E50;
 
+    h1,h2,h3 {
+        font-family: 'Open Sans';
+        font-size: 30px;
+        color: white;
+        font-weight: 900;
+    }
+
     .content {
         display: grid;
         grid-template-rows: 20vh 1fr;
@@ -26,8 +33,6 @@ body {
 
             h1 {
                 font-size: 40px;
-                font-weight: 900;
-                color: white;
                 filter:drop-shadow(0 0 5px black);
             }
         }
@@ -47,7 +52,6 @@ body {
 
                     h2 {
                         font-size: 30px;
-                        font-weight: 900;
                         border-bottom: 2px solid;
                         margin-block: 20px;
                     }
@@ -77,8 +81,6 @@ body {
 
                         h2 {
                             font-size: 30px;
-                            color: white;
-                            font-weight: 900;
                         }
                     }
                     .foundBrews {
@@ -90,6 +92,15 @@ body {
                         padding: 50px;
                         overflow-y:scroll;
 
+                        &.noBrews {
+                            display:grid;
+                            place-items:center;
+
+                            h3 {
+                                font-size: 25px;
+                            }
+                        }
+
                         .limit {
                             position: fixed;
                             bottom: 0;