section1

src/assets/styles/components/_banner.scss

@@ -59,6 +59,10 @@
 		@include vendor('transition', 'opacity #{_duration(fadein)} ease-in-out');
 		@include vendor('transition-delay', '1s');
 		opacity: 1;
+
+		@include breakpoint(medium) {
+			display: none;
+		}
 	}
 
 	@include breakpoint(small) {
@@ -102,20 +106,16 @@ body.is-loading {
 
 .particle {
 	position: relative;
-	user-select: none;	
-	
-	#particles-js {
-		vertical-align: bottom;
-		width: 100%;
-		min-height: 100vh;
-		background-repeat: no-repeat;
-		background-size: cover;
-		background-attachment: fixed;
+	user-select: none;
+	background: _palette(bg);
+
+	@include breakpoint(medium) {
+		background: none;
+	}
   
-		.particles-js-canvas-el {
-			width: 100%;
-			height: 100%;	
-		}
+	.particles-js-canvas-el {
+		width: 100%;
+		height: 100%;	
 	}
 	
 	.content {

src/assets/styles/components/_basic.scss

@@ -62,6 +62,7 @@ p {
 	margin: 0 0 _size(element-margin) 0;
 }
 
+.h1, .h2, .h3, .h4, .h5, .h6,
 h1, h2, h3, h4, h5, h6 {
 	color: _palette(fg-bold);
 	font-weight: _font(weight-extrabold);
@@ -76,7 +77,8 @@ h1, h2, h3, h4, h5, h6 {
 	}
 }
 
-h2 {
+h2,
+.h2 {
 	font-size: 1.35em;
 	line-height: 1.4;
 
@@ -85,6 +87,7 @@ h2 {
 	}
 }
 
+.h3,
 h3 {
 	font-size: 1.15em;
 	line-height: 1.4;
@@ -94,16 +97,19 @@ h3 {
 	}
 }
 
+.h4,
 h4 {
 	font-size: 1em;
 	line-height: 1.5em;
 }
 
+.h5,
 h5 {
 	font-size: 0.8em;
 	line-height: 1.5em;
 }
 
+.h6,
 h6 {
 	font-size: 0.7em;
 	line-height: 1.5em;

src/assets/styles/components/_box.scss

@@ -54,14 +54,18 @@
 	}
 
 	&.style1 {
-		color: _palette(accent1, bg);
+		color: _palette(accent1, fg-dark);
 	}
 
 	&.style2 {
-		color: _palette(accent2, bg);
+		color: _palette(accent2, fg-dark);
 	}
 
 	&.style3 {
-		color: _palette(accent3, bg);
+		color: _palette(accent3, fg-dark);
+	}
+	
+	&.style4 {
+		color: _palette(accent4, fg-dark);
 	}
 }

src/assets/styles/components/_list.scss

@@ -45,7 +45,7 @@ ul {
 			padding: 0 1em 0 0;
 
 			&:last-child {
-				padding-right: 0 !important;
+				padding-right: 0;
 			}
 		}
 
@@ -54,12 +54,39 @@ ul {
 
 			li {
 				padding-right: 3.5em;
+				
+				&:last-child {
+					padding-right: 0;
+				}
 
 				@include breakpoint(small) {
-					padding: 0 1em !important;
+					padding: 0 1em;
 				}
 			}
 		}
+
+		&.icons--flex {
+			display: flex;
+			justify-content: space-between;
+			max-width: 980px;
+			margin: auto;
+			padding-left: 16px;
+			
+			li {
+				flex-basis: 33.333%;
+				padding-right: 0;
+			}
+
+			.icon {
+				margin-right: 8px;
+			}
+		}
+
+		.icons__title {
+			display: block;
+			@extend .h3;
+			margin-top: 40px;
+		}
 	}
 
 	&.actions {

src/assets/styles/components/_wrapper.scss

@@ -11,6 +11,8 @@
 			color: _palette($p, fg-bold);
 		}
 
+		
+		.h2, .h3, .h4, .h5, .h6,
 		h2, h3, h4, h5, h6 {
 			color: _palette($p, fg-bold);
 		}