From 9b188e8855fb3d1505fbdab3152c77f9e25b19c0 Mon Sep 17 00:00:00 2001
From: Fabiano Alencar <fabianocarvalho15@gmail.com>
Date: Mon, 20 Aug 2018 14:21:27 -0300
Subject: [PATCH] Fix 404 page

---
 src/404.php                |  4 ++--
 src/assets/scss/style.scss | 16 +++++-----------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/src/404.php b/src/404.php
index d5db081..7259670 100644
--- a/src/404.php
+++ b/src/404.php
@@ -1,7 +1,7 @@
 <?php get_header();?>
 
     <div class="page-header page-404 header-filter clear-filter" style="background-image: url('<?php echo get_template_directory_uri() ?>/assets/images/404.png')">
-        <div class="container">
+        <div class="container align-self-center">
             <div class="row">
                 <div class="col-md-12 mx-auto">
                     <div class="brand mb-5">
@@ -11,7 +11,7 @@
                     </div>
                 </div>
                 <div class="col-md-12 mx-auto text-center">
-                    <button class="btn btn-primary bg-jungle-green w-25 p-0"><?php _e('Go to first page', 'tainacan-theme');?></button>
+                    <button class="btn btn-primary bg-jungle-green py-0"><?php _e('Go to first page', 'tainacan-theme');?></button>
                 </div>
             </div>
         </div>
diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss
index 784bb03..e094614 100644
--- a/src/assets/scss/style.scss
+++ b/src/assets/scss/style.scss
@@ -18,6 +18,9 @@ body{
             color: #298596;
         }
     }
+    &.error404 {
+        overflow: hidden;
+    }
 }
 
 @import "_media_query";
@@ -285,21 +288,12 @@ nav{
         height: 100vh;
     }
     &.page-404{
-        overflow: hidden;
-        @media screen {
-            @media (max-width: 576px){
-                background-image:  url('assets/images/404-mobile.png') !important;
-                height: 89.8vh;
-            }
-            @media (min-width: 992px){
-                height: 91.5vh;
-            }
-        }
+        height: 100vh;
         .brand{
             color: white;
             text-align: center;
             h1{
-                font-size: 12.2rem;
+                font-size: 150px;
                 font-weight: 600;
             }
             h3{