Fixed logo spacing on all devices

Author: dangerworm

_layouts/default.html

@@ -13,10 +13,10 @@
         {% include sidebar.html %}
         <main role="main" class="page-content" id="page-content">
             <div class="row">
-                <div class="col-12 main-logo">
+                <div class="main-logo">
                     <a href="{{site.url}}"><img src="{{site.url}}/images/keyboard-green.png"></a>
                 </div>
-                <div class="col-12 main-logo-title">
+                <div class="main-logo-title">
                     <h1 class="cover-heading">CODEWITH<span id="small-screen-break"><br /></span><span id="suffix"
                             class="typed-suffix">US</span></h1>
                 </div>

css/style.css

@@ -175,6 +175,7 @@ iframe {
 }
 
 .center-when-small {
+    padding-top: 1em;
     text-align: center;
 }
 
@@ -477,6 +478,7 @@ div.event-book-button {
 
 @media screen and (min-width: 769px) {
     .center-when-small {
+        padding-top: 0;
         text-align: left;
     }
 
@@ -487,6 +489,7 @@ div.event-book-button {
     }
 
     .page-wrapper .main-logo-title {
+        padding-left: 0;
         text-align: left;
         width: initial;
     }

index.html

@@ -29,10 +29,10 @@
 title: Home
 ---
 
+<div class="center-when-small">
+    <h1>Welcome to CodeWith!</h1>
+</div>
 <div class="row intro">
-    <div class="col-12 center-when-small">
-        <h1>Welcome to CodeWith!</h1>
-    </div>
     <div class="offset-lg-2 col-lg-8 text-center">
         <h4>
             Our mission is to create a virtual space for adults to pursue programming-related learning