use breakpoint, and also apply to pageinfo

2 files changed, 5 insertions, 3 deletions

diff --git a/partials/_base.scss b/partials/_base.scss
index b1bec29..da522e1 100644
--- a/partials/_base.scss
+++ b/partials/_base.scss
@@ -22,7 +22,7 @@ $headerColor: $colorPrimary;
 // Media
 //
 // No styleguide reference.
-$large-desktop: screen min-width 40em;
+$wide: 900px;
 
 // Framework integrations
 //
diff --git a/style.scss b/style.scss
index c7bf96b..03d37bd 100644
--- a/style.scss
+++ b/style.scss
@@ -32,7 +32,7 @@ h1 {
 	width: 94%;
 	margin: 2em 3% 0;
 	text-align: right;
-	@media screen and(min-width:900px) {
+	@include breakpoint($wide) {
 		z-index: -1;
 		position: absolute;
 		margin-top: 8em;
@@ -135,6 +135,8 @@ th {
 #pageinfo {
 	border-top: none;
 	padding-left: 2em;
-	position: fixed;
 	bottom: 0;
+	@include breakpoint($wide) {
+		position: fixed;
+	}
 }