Feature/home screen upgrade (#1)

* Update main layout

* Add basic grid system and update text based on tentative content size.

* Update assets, include font and make site more responsive.

css/main.css

@@ -1,3 +1,26 @@
+@font-face {
+	font-family: Mosk;
+	src: url('../assets/fonts/Mosk.ttf');
+}
+
+body {
+	background-color: #374753;
+	overflow:hidden;
+}
+
+h1 {
+	font-family: 'Mosk', sans-serif !important;
+	font-size: 3.5em !important;
+	color: white !important;
+	margin-bottom: 0.4em !important;;
+}
+
+p {
+	font-family: 'Lato', sans-serif !important;
+	font-size: 1.5em !important;
+	color: white;
+}
+
 .full-screen {
 	width: 100%;
 	height: 100%;
@@ -16,12 +39,64 @@
 
 }
 
-body {
+.fill {
+	height: 100%;
+	min-height: 100%;
+}
+
+.container-fluid {
+	padding: 0 !important;
+}
+
+#background {
+	position: absolute;
+}
+
+#overlay {
+	position: absolute;
 	background-color: #374753;
-	overflow:hidden;
+	opacity: 0.4;
+}
+
+#image {
+	background-image: url(../assets/img/background_phones.jpg);
+	background-repeat: no-repeat;
+	background-size: cover;
+	background-position: right;
+	position: absolute;
+}
+
+#main_row {
+	text-align: center;
 }
 
 #logo {
-	width: 25%;
-	height: 25%;
+	width: 12em;
+	margin: 1em;
+}
+
+#icons_bar {
+	text-align: center;
+}
+
+#icons_bar > a > .icon {
+	height: 3em;
+	width: 3em;
+	margin: 1em;
+}
+
+@media only screen and (min-width : 1200px) {
+
+	#main_row {
+		text-align: left;
+	}
+
+	#logo {
+		text-align: left;
+	}
+
+	#image {
+		background-image: url(../assets/img/background.jpg);
+		background-position: center;
+	}
 }