Fix for footer on mobile

app/assets/stylesheets/sass/_layout.scss

@@ -566,6 +566,17 @@ main {
 	z-index: 1;
 	background-color: $primary-color;
 
+	i {
+		display: block;
+		height: 0.5em
+	}
+
+	.copyright {
+		margin-top: 2em;
+		text-align: right;
+	}
+
+	@include breakpoint(medium) {
 		i {
 			display: inline-block;
 			border-left: 3px solid;
@@ -576,6 +587,7 @@ main {
 			-ms-transform: skewX(-15deg);
 			transform: skewX(-15deg);
 		}
+	}
 }
 
 .photo-attribution {

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!