delete name tag on mobiles

css/home.css

@@ -93,6 +93,11 @@
         height: 300px;
         width: 100%;
     }
+
+    /* hide name tag on mobiles */
+    #nameTag {
+        display: none;
+    }
 }
 
 @media only screen and (min-width: 600px) {

index.html

@@ -27,7 +27,7 @@
 <body data-spy="scroll" data-target=".navbar" data-offset="50">
 <div id="maincontent">
     <nav class="navbar navbar-expand-sm navbar-dark fixed-top">
-        <a class="navbar-brand" href="#">Lukas</a>
+        <a class="navbar-brand" href="#"><div id="nameTag">Lukas</div></a>
         <!-- Toggler/collapsibe Button -->
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
             <span class="navbar-toggler-icon"></span>