update sass from torchprotein website

Author: KiddoZhu

_layouts/page.html

@@ -6,7 +6,7 @@
   <div class="row justify-content-start">
     <div class="col-12 col-md-12">
       <h1 class="title">{{ page.title }}</h1>
-      {{ content }}
+      <div class="content">{{ content }}</div>
     </div>
   </div>
 </div>

_sass/components/_content.scss

@@ -5,7 +5,6 @@
   img {
     max-width: 100%;
     height: auto;
-    margin-top: 20px;
     margin-bottom: 20px;
   }
   strong {

_sass/components/_feature.scss

@@ -23,7 +23,7 @@
   .feature-title {
   }
   .feature-content {
-    margin-bottom: 0;
-    margin-top: auto;
+    margin-bottom: auto;
+    margin-top: 0;
   }
 }

_sass/components/_intro.scss

@@ -5,7 +5,11 @@
   padding-top: 60px;
   padding-bottom: 60px;
   overflow: hidden;
-  @include media-breakpoint-up(md) {
+  @include media-breakpoint-up(lg) {
+    padding-top: 70px;
+    padding-bottom: 70px;
+  }
+  @include media-breakpoint-up(xl) {
     padding-top: 140px;
     padding-bottom: 140px;
   }

_sass/components/_main-menu.scss

@@ -7,6 +7,7 @@
     display: flex;
     align-items: center;
     justify-content: flex-start;
+	margin: 0px;
     > li {
       list-style: none;
       font-size: 1rem;