Improve CSS styling

_sass/_header.scss

@@ -75,10 +75,6 @@
 // --------------------------------------------------------------------------------
 // Header > Navigation
 // --------------------------------------------------------------------------------
-#navigation-toggle {
-	display: none;
-}
-
 #navigation {
 	font-size: 1.0rem;
 	color: $theme-menu-color;
@@ -98,7 +94,7 @@
 }
 
 // Responsive Layout
-@media (pointer: coarse), (max-width: 767px) {
+@media (max-width: 767px), (hover: none), (hover: on-demand) {
 	#navigation-toggle {
 		justify-self: stretch;
 		align-self: center;
@@ -136,13 +132,17 @@
 
 	#navigation .item {
 		display: block;
-		padding: .5rem .5rem;
+		padding: 1.0rem 0rem;
 		//border: 1px solid $theme-menu-background;
 		transition: color 250ms linear;
 	}
 }
 
-@media (pointer: fine) and (min-width: 768px) {
+@media (min-width: 768px) and (hover: hover) {
+	#navigation-toggle {
+		display: none;
+	}
+
 	#navigation {
 		justify-self: stretch;
 		align-self: center;