updates to fix clashing css

public/assets/css/_project-sass/_project-Header.scss

@@ -292,6 +292,7 @@
   position:absolute;
   top:0;
   width:70px;
+  z-index:9;
 }
 
 .interior .header-Nav{

public/assets/css/_project-sass/_project-Website-Gallery.scss

@@ -31,3 +31,7 @@
   padding:$spacing*2;
   width:100%;
 }
+
+.hp-Gallery img{
+  width:100%
+}

public/assets/css/neo.css

@@ -1212,7 +1212,8 @@ a {
   left: 0;
   position: absolute;
   top: 0;
-  width: 70px; }
+  width: 70px;
+  z-index: 9; }
 
 .interior .header-Nav {
   padding-left: 70px; }
@@ -1393,3 +1394,6 @@ a {
   max-width: 208px;
   padding: 8px;
   width: 100%; }
+
+.hp-Gallery img {
+  width: 100%; }

views/index.erb

@@ -105,7 +105,7 @@
           
           
 
-<div class="logo int-Logo hp-Logo">
+<div class="int-Logo hp-Logo">
   <a href="/" title="back to home">
     <span class="hidden">NeoCities.org</span>
     <img src="assets/img/cat.png" alt="Neocities.org" />
@@ -113,7 +113,7 @@
 </div>
 
 <section class="header-Intro">
-  <h1 class="logo header-Content">
+  <h1 class="logo header-Content content">
     <span class="hidden">NeoCities.org</span>
     <img src="assets/img/neocities-Logo.png" alt="Neocities.org" />
   </h1>
@@ -121,7 +121,7 @@
 
 <div class="header-Outro">
 
-  <div class="row header-Content">
+  <div class="row header-Content content">
   
     <ul class="col col-50 intro-List">
       <li class="intro-Tools">
@@ -186,7 +186,7 @@
   
     <h2 class="delta">Featured Websites</h2>
     
-    <ul class="row website-Gallery">
+    <ul class="row website-Gallery hp-Gallery">
       <li>
         <a href="http://dragonquest.neocities.org/" title="The Quest of Dragons" target="_blank">
           <img src="http://neocities.org/site_screenshots/dragonquest.jpg" alt="Thumbnail of The Quest of Dragons" />