Changing navbar to collapsed navbar to kick in < 768px. Changing other media selectors to kick in at the same instead of 600px as previously.

Author: mattfowler

src/App.css

@@ -42,8 +42,8 @@
 }
 
 .navbar {
-    padding-left: 50px;
-    padding-right: 50px;
+    padding-left: 25px;
+    padding-right: 25px;
 }
 
 .fa-twitter {
@@ -135,7 +135,7 @@ p {
     font: normal normal normal 20px/1.25em BrandonGrotW01-Light, sans-serif;
 }
 
-@media only screen and (max-width: 600px) {
+@media only screen and (max-width: 767px) {
     h1 {
         font: normal normal normal 40px/1.25em BrandonGrotW01-Light, sans-serif;
     }

src/Navbar.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 function Navbar() {
-    return (<nav className="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+    return (<nav className="navbar navbar-expand-md navbar-light bg-light fixed-top">
         <a className="navbar-brand n" href="#">
             <img className="navbar-logo" src={process.env.PUBLIC_URL + "ScalaBridge-small.png"}/>
         </a>