Merge pull request #59 from reveurguy/master

edited look on small devices

Author: reveurguy

_includes/navbar.html

@@ -4,7 +4,7 @@
       <div class="nav-bar">
 	<div class="d-flex mx-auto">
 		<div class="brand">
-		  <h3><a class="text-white" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py Contributors</a></h3>
+		 <h3 class="mainHeading"><a class="text-white" href="/"><img src="/assets/img/logo/logo.png" style="height: 70px; width: 70px; background-color: white;" class="mr-3">Py-Contributors</a></h3>
 		</div>	
 	</div>
     <!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor03" aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation"> -->

assets/css/main.css

@@ -147,25 +147,45 @@ background-attachment: fixed !important;
 	}
 	.marginStyle
 	{
-	margin-top: 20% !important;
+	margin-top: 30% !important;
+	}
+	.mainHeading
+	{
+		font-size:37px !important;
+	}
+	.hamburger
+	{
+		right: 3% !important;
+	}
+	.nav-bar .mx-auto
+	{
+		margin-left:0 !important;
+	}
+	.nav-bar
+	{
+		padding:0 0 !important;
+	}
+	.mainHeading img
+	{
+		margin-right: 4px !important;
 	}
 }
 @media screen and (max-width: 990px)
 {
 	.brandShow {
       display:none;
     }
-	.marginStyle
-	{
-	margin-top: 14% !important;
-	}
 }
 @media screen and (min-width: 700px) and (max-width: 990px)
 {
 	.navbar-header
 	{
 		margin-left: 50%;
 	}
+	.marginStyle
+	{
+	margin-top: 14% !important;
+	}
 }
 
 /*  Chnages*/
@@ -275,5 +295,10 @@ background-attachment: fixed !important;
 }
 .marginStyle
 {
-	margin-top: 8%;
+	margin-top: 10% ;
+}
+.mainHeading
+{
+	font-size:55px;
+	font-weight:700;
 }