diff --git a/src/components/Banner.vue b/src/components/Banner.vue
index 3fd75ea..e81a128 100644
--- a/src/components/Banner.vue
+++ b/src/components/Banner.vue
@@ -61,8 +61,8 @@
 	$icon-size: 9rem;
 	$wave-height: 6.3rem;
 
-	$mq-noresize: 1250px;
-	$mq-noicon: 940px;
+	$mq-noresize: 990px;
+	$mq-topicon: $mq-noresize;
 	$mq-resize: 697px;
 
 	#banner {
@@ -73,7 +73,7 @@
 			top: 0;
 			left: 0;
 			width: 100%;
-			padding-bottom: #{$wave-height*1.5};
+			padding-bottom: #{$wave-height*1};
 
 		flex-flow: row nowrap;
 		justify-content: stretch;
@@ -126,6 +126,7 @@
 			justify-content: center;
 			align-items: center;
 
+
 			.icon {
 				flex: $icon-size 0 0;
 
@@ -206,13 +207,14 @@
 	}
 
 
-	// remove icon if less than $mq-noresize px wide
-	@media screen and (max-width: $mq-noicon){
+	// put icon on top instead of left if less than $mq-noresize px wide
+	@media screen and (max-width: $mq-topicon){
 		#banner {
 			flex-direction: column;
 			.icon-wrapper {
+				padding: 2rem 0;
 				flex: auto;
-				order: 2;
+				order: 0;
 			}
 		}
 	}