Beginning responsive

src/scss/components/_sidebar-toggle-button.scss

@@ -0,0 +1,24 @@
+
+
+.sidebar-toggle {
+	position: absolute;
+	top: 0;
+	left: 0;
+	padding: 20px;
+	z-index: 98;
+	color: #FFFFFF;
+	font-size: 18px;
+	cursor: pointer;
+
+	&.open {
+		.open {
+			display: none;
+		}
+	}
+
+	&:not(.open) {
+		.close {
+			display: none;
+		}
+	}
+}

src/scss/components/_sidebar.scss

@@ -9,6 +9,15 @@ aside{
 	width: 200px;
 	overflow: hidden;
 	box-shadow: inset -20px 0px 30px -20px rgba(0, 0, 0, 0.5);
+
+	@include responsive( 800px ){
+		width: 50%;
+		left: -50%;
+
+		.sidebar-open & {
+			left: 0px;
+		}
+	}
 	
 	.thumbnail {
 		position: absolute;