Made navbar okay on small phones

Author: TuxedoFish

src/components/layout/NavBar.jsx

@@ -95,7 +95,8 @@ class NavBar extends React.Component {
 				<a href={"/"}>
 					<img src={logo} />
 				</a>
-				<div className="logoTextWhite"><div>UCL API Hackathon</div></div>
+				<div className="logoTextWhite default"><div className="tablet default">UCL API Hackathon</div></div>
+				<div className="logoTextWhite"><div className="mobile"> Hackathon</div></div>
 
 				<div className="link-titles">
 					{!this.state.isSmall ? (

src/styles/navbar.scss

@@ -46,7 +46,6 @@ $navbar-color: #57606f;
   }
   .logoTextWhite {
   	color: #FFF;
-  	display: inline;
     margin: 10px;
     font-size: 2em;
   }