diff --git a/assets/js/st-nav.js b/assets/js/st-nav.js
index 6dcbffe..54cac1c 100644
--- a/assets/js/st-nav.js
+++ b/assets/js/st-nav.js
@@ -56,4 +56,7 @@ window.addEventListener('scroll', function(event) {
     }
     
     lastScrollPosition = scrollPosition;
-});
\ No newline at end of file
+});
+
+const navItems = document.querySelectorAll('.st-header-icon-bar__item');
+
diff --git a/style.css b/style.css
index 69840b7..8c4a3ee 100644
--- a/style.css
+++ b/style.css
@@ -21,6 +21,7 @@ body {
     font-family: "Rubik", sans-serif;
     line-height: 1.6;
     overflow-anchor: none;
+    /* min-width: 320px; */
 }
 
 input, button, textarea, select {
@@ -219,6 +220,10 @@ SECTIONS
     margin-left: calc((100% - (4 * 47px)) / (4 - 1));
 }
 
+.st-header-icon-bar__item .safari {
+    margin-left: calc((100% - (4 * 62px)) / (4 - 1));
+}
+
 @media (min-width: 1200px) {
     .st-header-icon-bar__item {
         transition: margin 300ms;
@@ -226,6 +231,31 @@ SECTIONS
     }
 }
 
+/** Safari */
+@supports (-webkit-touch-callout: none) {
+    .st-header-icon-bar__item {
+        transition: margin 300ms;
+        margin-left: calc((100% - (4 * 62px)) / (4 - 1));
+    }
+    
+    @media (min-width: 1200px) {
+        .st-header-icon-bar__item {
+            transition: margin 300ms;
+            margin-left: calc((100% - (4 * 62px)) / (4 - 1));
+        }
+    }
+}
+
+/* @media not all and (min-resolution:.001dpcm)
+{ 
+    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
+        .st-header-icon-bar__item {
+            transition: margin 300ms;
+            margin-left: calc((100% - (4 * 62px)) / (4 - 1));
+        }
+    }
+} */
+
 .st-icon-bar-sticky .st-header-icon-bar__item {
     margin-left: .75em;
 }