From f2370a7d53824866e6745b3e5f8b1b0a6945cdb4 Mon Sep 17 00:00:00 2001
From: "Ethan N. Paul" <enpaul@omni.enpaul.net>
Date: Tue, 6 Feb 2018 08:08:16 -0500
Subject: [PATCH] Fixed overflow with giant logo on small screens

---
 css/style.css | 18 ++++++++++++------
 index.html    |  2 +-
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index 672be1c..8fed24a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -90,14 +90,20 @@ h1, h2, h3, h4, h5, h6 {
   background-size: cover;
 }
 
-#top .hero-logo {
+#top .top-logo {
   margin: 20px;
 }
 
-#top .hero-logo img {
+#top .top-logo img {
   max-width: 100%;
 }
 
+@media (max-width: 768px) {
+  #top .top-logo img {
+    max-width: 50%;
+  }
+}
+
 #top .top-container {
   background: rgba(0, 0, 0, 0.3);
   display: table-cell;
@@ -170,9 +176,9 @@ h1, h2, h3, h4, h5, h6 {
 --------------------------------------------------------------*/
 #header {
   background: black;
-  padding: 15px 0;
-  height: 55px;
-  margin-top: -80px;
+  padding: 10px 0;
+  height: 40px;
+  margin-top: -60px;
 }
 
 #header #logo {
@@ -294,7 +300,7 @@ h1, h2, h3, h4, h5, h6 {
 /* Nav Meu Container */
 #nav-menu-container {
   float: right;
-  margin: 5px 0;
+  /*margin: 5px 0;*/
 }
 
 @media (max-width: 768px) {
diff --git a/index.html b/index.html
index 0e3703f..341aed9 100644
--- a/index.html
+++ b/index.html
@@ -60,7 +60,7 @@
   <section id="top">
     <div class="top-container">
       <div class="wow fadeIn">
-        <div class="hero-logo">
+        <div class="top-logo">
           <img class="" src="img/e-w.png" alt="ENPaul">
         </div>