corrected navbar on small devices

Author: reveurguy

_includes/navbar.html

@@ -1,5 +1,10 @@
 
-<nav class="navbar navbar-expand-lg navbar-dark">				
+<nav class="navbar navbar-expand-lg navbar-dark">	
+	<div class="d-flex d-none d-sm-block d-md-none">
+		<div class="navbar-header">
+		  <a class="navbar-brand" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a>
+			</div>	
+	</div>
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>
     </button>
@@ -21,7 +26,7 @@
     {% endif %}
 		  </ul>
 		  </div>
-		<div class="navbar-header">
+		<div class="navbar-header brandShow">
 		  <a class="navbar-brand" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a>
 			</div>
 

assets/css/main.css

@@ -138,4 +138,9 @@ background-attachment: fixed !important;
   height: 5px;
   margin: 0;
   flex-grow: 1;
+}
+@media screen and (max-width: 450px) {
+    .brandShow {
+      display:none;
+    }
 }