Implement basic responsivity

sass/style.scss

@@ -1,5 +1,10 @@
 @import "fonts";
 
+
+$width-wrap: 960px;
+$width-narrow: ($width-wrap/3)*2;
+
+
 *, *:before, *:after {
 	box-sizing: border-box;
 }
@@ -22,14 +27,19 @@ body>header {
 	.img {
 		display: block;
 		width: 100%;
-		height: 10rem;
+		height: 8rem;
 		background:
 			url(/logo.svg),
 			linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)),
 			url(/header.jpg);
 		background-size: auto 60%, cover, cover;
-		background-position: 3em, center, center;
+		background-position: center;
 		background-repeat: no-repeat;
+
+		@media only screen and (min-width: $width-narrow) {
+			height: 10rem;
+			background-position: 3em, center, center;
+		}
 	}
 }
 
@@ -60,4 +70,8 @@ body>nav {
 body>main {
 	margin-top: 3em;
 	padding: 0 1em;
+
+	@media only screen and (min-width: $width-wrap) {
+		padding: 0;
+	}
 }