Upgrades

app/styles/main.scss

@@ -1,54 +1,115 @@
-$icon-font-path: "../bower_components/bootstrap-sass/assets/fonts/bootstrap/";
+@import "../../node_modules/bootstrap/scss/bootstrap.scss";
 
-// bower:scss
-@import "../bower_components/bootstrap-sass/assets/stylesheets/bootstrap.scss";
-// endbower
-
-@import "block_grid"; // from foundation 5
-
-.page-header h1 {
-	line-height: 1;
-	vertical-align: bottom;
+body {
+    text-align: center;
+    @include media-breakpoint-up(sm) {
+        text-align: left;
+    }
 }
+
+.page-header {
+    margin-top: 1.5rem;
+    margin-bottom: 1.5rem;
+}
+
+.brand {
+    line-height: 1;
+    img {
+        position: relative;
+        top: -4px;
+    }
+}
+
+section {
+    margin-bottom: 1.5rem;
+}
+.cta {
+    display: block;
+
+    @include media-breakpoint-up(sm) {
+        display:none;
+    }
+}
+
 .edb-brick {
 	height: 40px;
 	width: auto;
 }
-/* Projects */
-.block-grid-item {
+
+.contact-info {
+    margin-bottom: 0;
+    text-align: left;
+}
+
+/* Tools */
+.tool-list {
+    list-style: none;
+    display: flex;
+    flex-wrap: wrap;
+    padding: 0;
+    justify-content: space-evenly;
+
+    @include media-breakpoint-up(sm) {
+        justify-content: flex-start;
+    }
+
+}
+
+.tool-item {
+    display: flex;
+    align-items: center;
+    justify-content: center;
 	padding-bottom: 0;
-	h3 {
-		margin-top: 0;
-	}
-	img {
-		max-width: 100%;
-	}
+    margin-bottom: 20px;
+    max-width: 196px;
+
+    img {
+        max-width: 92%;
+    }
+
+    @include media-breakpoint-up(sm) {
+        max-width: 230px;
+    }
+
+    @include media-breakpoint-up(lg) {
+        max-width: 310px;
+    }
+    @include media-breakpoint-up(xl) {
+        max-width: none;
+    }
+
 }
-h3 {
-	font-weight: bold;
-}
-@media (min-width: 768px) {
-    .form-link {
-        display:none;
+
+.form-wrap {
+    position: relative;
+    padding-bottom: 75%;
+    height: 0;
+    overflow: hidden;
+
+    iframe {
+        position: absolute;
+        top:0;
+        left: 0;
+        width: 100%;
+        height: 100%;
     }
 }
-.join-us-title {
-	margin-top: 40px;
-	margin-bottom: 0px;
-}
 #contact_form {
-    border:0;
-    margin:0;
+    border: 0;
+    margin: 0;
 }
+
 .browsehappy {
     margin: 0.2em 0;
     background: #ccc;
     color: #000;
     padding: 0.2em 0;
 }
+
 .love {
     color: #faafba;
 }
+
 .credits {
     margin-top: 25px;
     margin-bottom: 25px;