Fix for footer on mobile

app/assets/stylesheets/sass/_layout.scss

@@ -567,14 +567,26 @@ main {
 	background-color: $primary-color;
 
 	i {
-		display: inline-block;
+		display: block;
-		border-left: 3px solid;
+		height: 0.5em
-		height: 1em;
+	}
-		vertical-align: middle;
+
-		-webkit-transform: skewX(-15deg);
+	.copyright {
-		-moz-transform: skewX(-15deg);
+		margin-top: 2em;
-		-ms-transform: skewX(-15deg);
+		text-align: right;
-		transform: skewX(-15deg);
+	}
+
+	@include breakpoint(medium) {
+		i {
+			display: inline-block;
+			border-left: 3px solid;
+			height: 1em;
+			vertical-align: middle;
+			-webkit-transform: skewX(-15deg);
+			-moz-transform: skewX(-15deg);
+			-ms-transform: skewX(-15deg);
+			transform: skewX(-15deg);
+		}
 	}
 }
 

app/views/shared/_footer.html.haml

@@ -5,6 +5,6 @@
 		%a{href: '/conferences/'}='Organizations'
 		%i
 		%a{href: '/resources/'}='Resources'
-	.columns.medium-3.large-3.text-right
+	.columns.medium-3.large-3.copyright
 		©2014 Bike!Bike!