src/components/Banner.vue

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