Finished hackathon page, fixed some issues

_sass/main.scss

@@ -39,4 +39,5 @@
 @import "partials/schedule";
 @import "partials/about-hackathon";
 @import "partials/judges";
+@import "partials/prizes";
 @import "partials/hackathon-location";

_sass/partials/_hackathon-location.scss

@@ -1,3 +1,27 @@
+$hackathon-map-height: 450px;
 .hackathon-location {
-	padding: 172px 0;
+	padding: 20px 50px;
+	height: $hackathon-map-height;
+	.canvas-map {
+		height: $hackathon-map-height + 30px;
+	}
+	.location-description {
+		font-size: 15px;
+	    padding: 18px 16px 22px;
+	    overflow: hidden;
+		box-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
+	}
+	.location-name {
+		margin-top: 0;
+		font-size: 18px;
+		font-weight: $bold;
+	}
+	.location-address {
+		margin: 0;
+	}
+	.hackathon-time {
+		time {
+			color: $main-color;
+		}
+	}
 }

_sass/partials/_helper.scss

@@ -60,6 +60,9 @@
 	&.solid-overlay {
 		background: rgba(37, 32, 31, .8);	
 	}
+    &.white-solid {
+        background: rgba(255, 255, 255, .9);
+    }
     &.gradient-overlay {
 	    background: linear-gradient(to bottom, rgba(0, 0, 0, .32) 0%, rgba(0, 0, 0, 0) 32%, rgba(0, 0, 0, .64) 100%);
 	}

_sass/partials/_hero.scss

@@ -5,6 +5,7 @@
     .jumbotron {
         position: relative;
         top: 50%;
+        margin: 0;
         left: 0;
         transform: translateY(-50%);
         @media (max-width: 767px) {

_sass/partials/_navigation.scss

@@ -8,15 +8,19 @@ $nav-scroll-color-hover: rgba(0, 0, 0, .8);
     z-index: 500;
     width: 100%;
     padding: 0 45px;
-    background: rgba(255, 255, 255, 0);
-    transition: $base-transition;
     @media (min-width: 768px) and (max-width: 991px) {
         padding: 13px 0 0 34px;
     }
     &.after-scroll {
         padding-top: 0;
-        background: rgba(255, 255, 255, .9);
         box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 1px 0 rgba(255, 255, 255, .15);
+        .overlay {
+            opacity: 1;
+        }
+    }
+    .overlay {
+        opacity: 0;
+        transition: $base-transition;
     }
 }
 .logo-header {
@@ -135,11 +139,13 @@ nav {
     margin: 11px 65px 0 0;
     transition: $base-transition;
     opacity: 1;
+    display: block;
     a {
         font-size: $base-font-size * 90 / 100;
     }
     &.right-nav-button-hidden {
         opacity: 0;
+        transform: translateY(-50px);
     }
 }
 .icon-menu {

_sass/partials/_prizes.scss

@@ -0,0 +1,18 @@
+$prize-img-width: 250px;
+$small-prize-img-width: 110px;
+
+.prize {
+	margin-top: 50px;
+	&:nth-child(3) {
+		margin-top: 0;
+	}
+}
+.prize-img-wrapper {
+	img {
+		max-width: $prize-img-width;
+		margin: 0 auto;
+        @media (max-width: 767px) {
+            max-width: $small-prize-img-width;
+        }
+	}
+}

_sass/partials/_tickets.scss

@@ -33,12 +33,6 @@ $button-background-color-hover: #4d4d4d;
             top: 0;
         }
         .pricing-ribbon {
-            position: absolute;
-            top: 10px;
-            right: -45px;
-            padding: 5px 50px;
-            transform: rotate(45deg);
-            color: #fff;
             background: $primary-color;
         }
         .title {
@@ -98,6 +92,15 @@ $button-background-color-hover: #4d4d4d;
             background: $button-background-color-hover;
         }
     }
+    .pricing-ribbon {
+        position: absolute;
+        top: 10px;
+        right: -45px;
+        padding: 5px 50px;
+        transform: rotate(45deg);
+        color: #fff;
+        background: $button-background-color;
+    }
 }
 .pricing-content {
     font-weight: $regular;

_sass/partials/_top-section.scss

@@ -15,17 +15,18 @@
     }
 }
 .jumbotron {
-    position: absolute;
-    bottom: 0;
+    position: relative;
     left: 26px;
-    margin: 0;
+    margin: 200px 0 0 0;
     color: #fff;
     background: 0;
     @media (max-width: 767px) {
-        position: relative;
         left: 13px;
         margin-top: 100px;
         padding-left: 0;
         padding-bottom: 5px;
     }
+    @media screen and  (min-width: 768px) {
+        padding-bottom: 0;
+    }
 }