Ajuste em backgrond para 100vh

Author: mvfsillva

_includes/banner.html

@@ -8,8 +8,7 @@ <h1 class="header yellow-text">Salvador</h1> -->
         </div>
       </div>
     </div>
+    <div class="color-overlay"></div>        
     <div class="parallax">
-      <div class="color-overlay"></div>        
-        <img src="/assets/img/background1.jpg" alt="Salvador Baía de Todos-os-Santos" style="display: block; transform: translate3d(-50%, 211px, 0px);">
-      </div>
+    </div>
   </div>

_src/img/empty

@@ -6,7 +6,8 @@ body{
 }
 
 .parallax-container {
-    min-height: 80vh;
+    min-height: 100vh;
+    background-image: url(/assets/img/background1.jpg);
     line-height: 0;
     height: auto;
     color: rgba(255,255,255,.9);
@@ -41,10 +42,11 @@ body{
   overflow: hidden;
   white-space: nowrap;
   color: $blue-gray;
-  padding: 50px 50px 50px 50px;
+  padding: 20px 50px 30px 50px;
   > span{
     position: relative;
     display: inline-block;
+    //top:-2.8em;
     &:before{
       right: 100%;
       margin-right: 15px;

_src/sass/main.scss

@@ -2,7 +2,8 @@ body {
   background-color: #fcfcfc; }
 
 .parallax-container {
-  min-height: 80vh;
+  min-height: 100vh;
+  background-image: url(/assets/img/background1.jpg);
   line-height: 0;
   height: auto;
   color: rgba(255, 255, 255, 0.9); }
@@ -32,7 +33,7 @@ body {
   overflow: hidden;
   white-space: nowrap;
   color: #263238;
-  padding: 50px 50px 50px 50px; }
+  padding: 20px 50px 30px 50px; }
   .strike > span {
     position: relative;
     display: inline-block; }

assets/css/main.css

@@ -2,7 +2,7 @@
 layout: default
 ---
 <div class="home">
-  <section>
+  <section class="section">
     <div class="row">
       <div class="center">
 
@@ -17,6 +17,7 @@
       </div>
     </div>
   </section>
+
   <!-- <div class="row">
     {% for post in site.posts %}
       <div class="col s4">