diff --git a/new/data/site/styles.css b/new/data/site/styles.css
index fd607c6a..e241b7d9 100644
--- a/new/data/site/styles.css
+++ b/new/data/site/styles.css
@@ -157,6 +157,18 @@ canvas {
 		height: 1050px;
 	}
 }
+@media screen and (min-width: 1024px) {
+	.tooltip:hover .tooltiptext {
+	  	visibility: visible;
+	  	opacity: 1;
+	}
+}
+@media screen and (max-width: 1023px) {
+	.tooltip:focus .tooltiptext, div.tooltip > input:focus + .tooltiptext, div.tooltip > textarea:focus + .tooltiptext {
+	  	visibility: visible;
+	  	opacity: 1;
+	}
+}
 .tooltip {
 	position: relative;
 }
@@ -186,10 +198,6 @@ canvas {
   border-style: solid;
   border-color: transparent transparent var(--dark-color) transparent;
 }
-.tooltip:hover .tooltiptext {
-  visibility: visible;
-  opacity: 1;
-}
 .tooltip .tooltiptext:hover {
 	/*visibility: hidden;*/
 	opacity: 0;