minor style tweaks to modal and heading

make the modal more responsive
give headline line-height and remove letter-spacing so it usually fits on one line
alphasort css rules (sorry for the noise)

src/Installer/components/Modal/stylesheet.scss

@@ -1,39 +1,40 @@
 .nfd-installer-modal {
-	top: 0;
-	left: 0;
-	z-index: 99;
-	width: 100vw;
-	height: 100vh;
-	display: flex;
-	position: fixed;
 	align-items: center;
-	justify-content: center;
 	background: rgba(255, 255, 255, 0.5);
+	display: flex;
+	height: 100vh;
+	justify-content: center;
+	left: 0;
+	position: fixed;
+	top: 0;
+	width: 100vw;
+	z-index: 99;
 
 	@media (max-width: #{ ($break-small) }) {
 		top: 30px;
 	}
 
 	&__content {
-		width: 40vw;
+		background-color: #fff;
+		border-radius: 8px;
+		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
+		max-width: 80vw;
 		padding: 72px;
 		position: relative;
-		border-radius: 8px;
 		text-align: center;
-		background-color: #fff;
-		box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
+		width: 620px;
 
 		@media (max-width: #{ ($break-small) }) {
-			width: 80vw;
 			padding: 24px;
+			width: 80vw;
 		}
 
 		&-heading {
 			color: #333;
 			font-size: 22px;
 			font-weight: 300;
+			line-height: 1.2;
 			margin-bottom: 60px;
-			letter-spacing: 1.1px;
 
 			@media (max-width: #{ ($break-small) }) {
 				font-size: 18px;
@@ -42,9 +43,9 @@
 		}
 
 		&-section {
+			align-items: center;
 			display: flex;
 			flex-direction: column;
-			align-items: center;
 		}
 
 		&-image {
@@ -69,18 +70,18 @@
 		}
 
 		&-error {
+			align-items: center;
 			display: flex;
-			font-size: 16px;
 			flex-direction: row;
-			align-items: center;
+			font-size: 16px;
 
 			@media (max-width: #{ ($break-small) }) {
 				font-size: 14px;
 			}
 
 			&--icon {
-				margin-right: 5px;
 				flex-shrink: 0;
+				margin-right: 5px;
 			}
 
 			&--text {
@@ -89,24 +90,24 @@
 
 				&-link {
 					all: unset;
-					cursor: pointer;
 					color: #1e90ff;
+					cursor: pointer;
 					font-weight: 300;
 				}
 			}
 		}
 	}
 
 	&__loader {
-		width: 30px;
-		height: 30px;
-		border-radius: 50%;
+		animation: spin 1s linear infinite;
 		border: 4px solid #f3f3f3;
-		border-top: 4px solid #3a3a3a;
-		border-right: 4px solid #3a3a3a;
 		border-bottom: 4px solid #3a3a3a;
-		animation: spin 1s linear infinite;
-
+		border-radius: 50%;
+		border-right: 4px solid #3a3a3a;
+		border-top: 4px solid #3a3a3a;
+		height: 30px;
+		width: 30px;
+
 		@media (max-width: #{ ($break-small) }) {
 			width: 20px;
 			height: 20px;