a little border tweaking

wordpress/wp-content/themes/makeitopen/assets/scss/partials/_content-row.scss

@@ -94,6 +94,7 @@
 	}
 
 	&--border {
+		margin: 0 10px;
 		padding: 30px 0;
 
 		@media only screen and (min-width: $large) {
@@ -120,10 +121,15 @@
 			}
 
 			.border {
+				background: $bg-blue;
 				top: 0;
 				bottom: 0;
 				width: 8px;
 
+				@media only screen and (min-width: $medium) {
+					width: 10px;
+				}
+
 				&--left {
 					left: 0;
 				}
@@ -138,6 +144,10 @@
 				height: 8px;
 				left: 0;
 				right: 0;
+
+				@media only screen and (min-width: $medium) {
+					height: 10px;
+				}
 			}
 
 			&:before {

wordpress/wp-content/themes/makeitopen/assets/scss/templates/_page.scss

@@ -5,11 +5,14 @@
 		ol li:before,
 		ul li:before,
 		.content-row--border .container:before,
-		.content-row--border .container:after,
-		.border {
+		.content-row--border .container:after {
 			background: $purple;
 		}
 
+		.border {
+			background: $bg-purple;
+		}
+
 		a.btn:before,
 		ol li:after,
 		ul li:after {
@@ -23,11 +26,14 @@
 		ol li:before,
 		ul li:before,
 		.content-row--border .container:before,
-		.content-row--border .container:after,
-		.border {
+		.content-row--border .container:after {
 			background: $yellow;
 		}
 
+		.border {
+			background: $bg-purple;
+		}
+
 		a.btn:before,
 		ol li:after,
 		ul li:after {