diff --git a/static/css/typography.css b/static/css/typography.css
index 0cae289..250c058 100644
--- a/static/css/typography.css
+++ b/static/css/typography.css
@@ -362,6 +362,9 @@ hr {
 }
 @media screen and (min-width:40em) {
 	hr {
+		background-size: 100% 31px;
+		background-size: 100% 1.722222222222222rem;
+		background-image: linear-gradient(to bottom, transparent 1px, transparent 13.5px, #222 13.5px, #222 17.5px, transparent 17.5px, transparent 31px);
 		margin-top: 62px;
 		margin-top: 3.444444444444445rem;
 		margin-bottom: 62px;
@@ -370,13 +373,6 @@ hr {
 		height: 1.722222222222222rem;
 	}
 }
-@media screen and (min-width:40em) {
-	hr {
-		background-size: 100% 31px;
-		background-size: 100% 1.722222222222222rem;
-		background-image: linear-gradient(to bottom, transparent 1px, transparent 13.5px, #222 13.5px, #222 17.5px, transparent 17.5px, transparent 31px);
-	}
-}
 img {
 	border: 0;
 	max-width: 100%;