split hamburger/dropdown css out- nicer looking index

index.html

@@ -9,6 +9,8 @@
     />
     <title>Maine Luxury Detailing</title>
     <link href="style.css" rel="stylesheet" />
+    <link href="dropdown.css" rel="stylesheet" />
+    <link href="hamburger.css" rel="stylesheet" />
     <style>
       /** PAGE SPECIFIC STYLING */
 
@@ -29,7 +31,7 @@
 
       #intro {
         text-align: center;
-        background-color: rgba(0, 0, 0, 0.7);
+        background-color: rgba(0, 0, 0, 0.8);
         width: 40%;
       }
 
@@ -57,7 +59,7 @@
 
     <header>
       <div class="banner" role="banner">
-        <a href="#" class="logo" aria-label="Company Logo">MLD</a>
+        <a href="#" class="logo" aria-label="Company Logo">LMD</a>
 
         <button
           id="hamburger"
@@ -127,6 +129,6 @@
       </div>
     </footer>
     <script src="hamburger.js"></script>
-    <script src="dropdown-box.js"></script>
+    <script src="dropdown.js"></script>
   </body>
 </html>