App name and price more responsive with long strings

Author: emilbaehr

_sass/layout.scss

@@ -154,7 +154,6 @@ nav > ul li a:active {
 	height: 120px;
 	-webkit-clip-path: url(#shape120);
 	clip-path: url(#shape120);
-	margin-right: 30px;
 }
 
 .appNamePriceContainer {
@@ -163,6 +162,7 @@ nav > ul li a:active {
 	flex-direction: column;
 	align-items: start;
 	justify-content: center;
+	margin-left: 30px;
 }
 
 .appName {
@@ -175,6 +175,27 @@ nav > ul li a:active {
 	margin-top: 13px;
 }
 
+@media only screen and (max-width: 768px) {
+
+	.appNamePriceContainer {
+		width: 100%;
+		margin-left: 0px;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.appName {
+		margin-top: 30px;
+		text-align: center;
+	}
+	
+	.appPrice {
+		margin-top: 13px;
+		text-align: center;
+	}
+	
+} 
+
 .appDescriptionContainer {
 	align-items: flex-start;
 	margin-top: 45px;