/* Banner 4 */

.features3 > a.alt h2 {
    /*font-size: 3rem;*/
    margin: 0 0 0.1em 0;
	line-height: 1.2;
}

	#banner4 {
		background-color: #fff;
		color: rgba(255, 255, 255, 0.75);
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: no-wrap;
		-webkit-flex-wrap: no-wrap;
		-ms-flex-wrap: no-wrap;
		flex-wrap: no-wrap;
		-moz-align-items: -moz-flex-end;
		-webkit-align-items: -webkit-flex-end;
		-ms-align-items: -ms-flex-end;
		align-items: flex-end;
		cursor: default;
		height: 30rem;
		position: relative;
	}

		#banner4 input, #banner4 select, #banner4 textarea {
			color: #ffffff;
		}

		#banner4 a {
			color: #ffffff;
		}

		#banner4 strong, #banner4 b {
			color: #ffffff;
		}

		#banner4 h1, #banner4 h2, #banner4 h3, #banner4 h4, #banner4 h5, #banner4 h6 {
			color: #ffffff;
		}

		#banner4 blockquote {
			border-left-color: rgba(255, 255, 255, 0.25);
		}

		#banner4 code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.25);
		}

		#banner4 hr {
			border-bottom-color: rgba(255, 255, 255, 0.25);
		}

		#banner4 input[type="submit"],
		#banner4 input[type="reset"],
		#banner4 input[type="button"],
		#banner4 button,
		#banner4 .button {
			box-shadow: none;
			background-color: #7abaa4;
			color: #3B3B3B !important;
		}

			#banner4 input[type="submit"]:hover,
			#banner4 input[type="reset"]:hover,
			#banner4 input[type="button"]:hover,
			#banner4 button:hover,
			#banner4 .button:hover {
				background-color: rgba(122, 186, 164, 0.875);
				box-shadow: none;
			}

				#banner4 input[type="submit"]:hover:active,
				#banner4 input[type="reset"]:hover:active,
				#banner4 input[type="button"]:hover:active,
				#banner4 button:hover:active,
				#banner4 .button:hover:active {
					background-color: #69b199;
				}

			#banner4 input[type="submit"].alt,
			#banner4 input[type="reset"].alt,
			#banner4 input[type="button"].alt,
			#banner4 button.alt,
			#banner4 .button.alt {
				background-color: transparent;
				box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
				color: rgba(255, 255, 255, 0.75) !important;
			}

				#banner4 input[type="submit"].alt:hover,
				#banner4 input[type="reset"].alt:hover,
				#banner4 input[type="button"].alt:hover,
				#banner4 button.alt:hover,
				#banner4 .button.alt:hover {
					background-color: rgba(255, 255, 255, 0.1);
				}

					#banner4 input[type="submit"].alt:hover:active,
					#banner4 input[type="reset"].alt:hover:active,
					#banner4 input[type="button"].alt:hover:active,
					#banner4 button.alt:hover:active,
					#banner4 .button.alt:hover:active {
						background-color: rgba(255, 255, 255, 0.25);
					}

		#banner4 > article {
			-moz-transition: opacity 0.75s, visibility 0.75s;
			-webkit-transition: opacity 0.75s, visibility 0.75s;
			-ms-transition: opacity 0.75s, visibility 0.75s;
			transition: opacity 0.75s, visibility 0.75s;
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-align-items: -moz-flex-end;
			-webkit-align-items: -webkit-flex-end;
			-ms-align-items: -ms-flex-end;
			align-items: flex-end;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0;
			padding: 6rem 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 0;
		}

			#banner4 > article:before {
				-moz-transition: opacity 0.75s ease-in-out;
				-webkit-transition: opacity 0.75s ease-in-out;
				-ms-transition: opacity 0.75s ease-in-out;
				transition: opacity 0.75s ease-in-out;
				background-color: #41494e;
				content: '';
				height: 100%;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

			#banner4 > article.visible {
				opacity: 1;
				visibility: visible;
			}

			#banner4 > article.top {
				z-index: 102;
			}

			#banner4 > article img {
				display: none;
			}

		#banner4 .indicators {
			line-height: 1;
			list-style: none;
			margin: 0 auto;
			max-width: calc(100% - 10rem);
			padding: 6rem 0;
			position: relative;
			text-align: right;
			width: 80rem;
		}

			#banner4 .indicators li {
				cursor: pointer;
				display: inline-block;
				height: 1.25rem;
				margin-left: 0.5rem;
				overflow: hidden;
				padding: 0;
				position: relative;
				text-indent: 1.25rem;
				width: 1.25rem;
				z-index: 102;
			}

				#banner4 .indicators li > span {
					display: none;
				}

				#banner4 .indicators li:before {
					-moz-transform: translate(-50%, -50%);
					-webkit-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					-moz-transition: background-color 0.2s ease-in-out;
					-webkit-transition: background-color 0.2s ease-in-out;
					-ms-transition: background-color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out;
					background-color: rgba(255, 255, 255, 0.4);
					border-radius: 100%;
					content: '';
					display: inline-block;
					height: 1rem;
					left: 50%;
					position: absolute;
					text-indent: 0;
					top: 50%;
					width: 1rem;
				}

				#banner4 .indicators li.visible:before {
					background-color: #ffffff;
				}

		@media screen and (max-width: 1280px) {

			#banner4 > article {
				padding: 3rem 0;
			}

			#banner4 .indicators {
				padding: 3rem 0;
			}

		}

		@media screen and (max-width: 980px) {

			#banner4 {
				height: 40rem;
			}

				#banner4 .indicators {
					display: none;
				}

		}

		@media screen and (max-width: 736px) {

			#banner4 > article {
				padding: 2rem 0;
			}

		}

		@media screen and (max-width: 480px) {

			#banner4 {
				height: 30rem;
			}

		}

		body.is-preload #banner4 > article:before {
			opacity: 1;
		}


/* Banner */

	#banner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		background-color: #363847;
	}

		#banner > .items {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-direction: column;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;
			flex-direction: column;
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			width: 40%;
		}

			#banner > .items section {
				padding: 5em 6em 3em 6em ;
				-moz-transition: opacity 0.5s ease-in-out, -moz-transform 0.5s ease-in-out;
				-webkit-transition: opacity 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
				-ms-transition: opacity 0.5s ease-in-out, -ms-transform 0.5s ease-in-out;
				transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
				text-align: center;
			}

				#banner > .items section h1 {
					font-size: 1.75em;
				}

				#banner > .items section.accent1 {
					background-color: #575b72;
					color: rgba(255, 255, 255, 0.75);
				}

					#banner > .items section.accent1 input, #banner > .items section.accent1 select, #banner > .items section.accent1 textarea {
						color: #ffffff;
					}

					#banner > .items section.accent1 a {
						color: #ffffff;
					}

					#banner > .items section.accent1 strong, #banner > .items section.accent1 b {
						color: #ffffff;
					}

					#banner > .items section.accent1 h1, #banner > .items section.accent1 h2, #banner > .items section.accent1 h3, #banner > .items section.accent1 h4, #banner > .items section.accent1 h5, #banner > .items section.accent1 h6 {
						color: #ffffff;
					}

					#banner > .items section.accent1 blockquote {
						border-left-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent1 code {
						background: rgba(255, 255, 255, 0.05);
						border-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent1 hr {
						border-bottom-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent1 input[type="submit"],
					#banner > .items section.accent1 input[type="reset"],
					#banner > .items section.accent1 input[type="button"],
					#banner > .items section.accent1 button,
					#banner > .items section.accent1 .button {
						background-color: transparent;
						box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
						color: #ffffff !important;
					}

						#banner > .items section.accent1 input[type="submit"]:hover,
						#banner > .items section.accent1 input[type="reset"]:hover,
						#banner > .items section.accent1 input[type="button"]:hover,
						#banner > .items section.accent1 button:hover,
						#banner > .items section.accent1 .button:hover {
							background-color: rgba(255, 255, 255, 0.05);
						}

						#banner > .items section.accent1 input[type="submit"]:active,
						#banner > .items section.accent1 input[type="reset"]:active,
						#banner > .items section.accent1 input[type="button"]:active,
						#banner > .items section.accent1 button:active,
						#banner > .items section.accent1 .button:active {
							background-color: rgba(255, 255, 255, 0.1);
						}

						#banner > .items section.accent1 input[type="submit"].primary,
						#banner > .items section.accent1 input[type="reset"].primary,
						#banner > .items section.accent1 input[type="button"].primary,
						#banner > .items section.accent1 button.primary,
						#banner > .items section.accent1 .button.primary {
							box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
							background-color: #5f6484;
							color: #ffffff !important;
						}

							#banner > .items section.accent1 input[type="submit"].primary:hover,
							#banner > .items section.accent1 input[type="reset"].primary:hover,
							#banner > .items section.accent1 input[type="button"].primary:hover,
							#banner > .items section.accent1 button.primary:hover,
							#banner > .items section.accent1 .button.primary:hover {
								background-color: #696f93;
							}

							#banner > .items section.accent1 input[type="submit"].primary:active,
							#banner > .items section.accent1 input[type="reset"].primary:active,
							#banner > .items section.accent1 input[type="button"].primary:active,
							#banner > .items section.accent1 button.primary:active,
							#banner > .items section.accent1 .button.primary:active {
								background-color: #757ca0;
							}

				#banner > .items section.accent2 {
					background-color: #03738b;
					color: rgba(255, 255, 255, 0.75);

				}

					#banner > .items section.accent2 input, #banner > .items section.accent2 select, #banner > .items section.accent2 textarea {
						color: #ffffff;
					}

					#banner > .items section.accent2 a {
						color: #ffffff;
					}

					#banner > .items section.accent2 strong, #banner > .items section.accent2 b {
						color: #ffffff;
					}

					#banner > .items section.accent2 h1, #banner > .items section.accent2 h2, #banner > .items section.accent2 h3, #banner > .items section.accent2 h4, #banner > .items section.accent2 h5, #banner > .items section.accent2 h6 {
						color: #ffffff;
					}

					#banner > .items section.accent2 blockquote {
						border-left-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent2 code {
						background: rgba(255, 255, 255, 0.05);
						border-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent2 hr {
						border-bottom-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent2 input[type="submit"],
					#banner > .items section.accent2 input[type="reset"],
					#banner > .items section.accent2 input[type="button"],
					#banner > .items section.accent2 button,
					#banner > .items section.accent2 .button {
						background-color: transparent;
						box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
						color: #ffffff !important;
					}

						#banner > .items section.accent2 input[type="submit"]:hover,
						#banner > .items section.accent2 input[type="reset"]:hover,
						#banner > .items section.accent2 input[type="button"]:hover,
						#banner > .items section.accent2 button:hover,
						#banner > .items section.accent2 .button:hover {
							background-color: rgba(255, 255, 255, 0.05);
						}

						#banner > .items section.accent2 input[type="submit"]:active,
						#banner > .items section.accent2 input[type="reset"]:active,
						#banner > .items section.accent2 input[type="button"]:active,
						#banner > .items section.accent2 button:active,
						#banner > .items section.accent2 .button:active {
							background-color: rgba(255, 255, 255, 0.1);
						}

						#banner > .items section.accent2 input[type="submit"].primary,
						#banner > .items section.accent2 input[type="reset"].primary,
						#banner > .items section.accent2 input[type="button"].primary,
						#banner > .items section.accent2 button.primary,
						#banner > .items section.accent2 .button.primary {
							box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
							background-color: #5ab7bd;
							color: #ffffff !important;
						}

							#banner > .items section.accent2 input[type="submit"].primary:hover,
							#banner > .items section.accent2 input[type="reset"].primary:hover,
							#banner > .items section.accent2 input[type="button"].primary:hover,
							#banner > .items section.accent2 button.primary:hover,
							#banner > .items section.accent2 .button.primary:hover {
								background-color: #6cbfc4;
							}

							#banner > .items section.accent2 input[type="submit"].primary:active,
							#banner > .items section.accent2 input[type="reset"].primary:active,
							#banner > .items section.accent2 input[type="button"].primary:active,
							#banner > .items section.accent2 button.primary:active,
							#banner > .items section.accent2 .button.primary:active {
								background-color: #7cc8cd;
							}

				#banner > .items section.accent3 {
					background-color: #31acbb;
					color: rgba(255, 255, 255, 0.75);

				}

					#banner > .items section.accent3 input, #banner > .items section.accent3 select, #banner > .items section.accent3 textarea {
						color: #ffffff;
					}

					#banner > .items section.accent3 a {
						color: #ffffff;
					}

					#banner > .items section.accent3 strong, #banner > .items section.accent3 b {
						color: #ffffff;
					}

					#banner > .items section.accent3 h1, #banner > .items section.accent3 h2, #banner > .items section.accent3 h3, #banner > .items section.accent3 h4, #banner > .items section.accent3 h5, #banner > .items section.accent3 h6 {
						color: #ffffff;
					}

					#banner > .items section.accent3 blockquote {
						border-left-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent3 code {
						background: rgba(255, 255, 255, 0.05);
						border-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent3 hr {
						border-bottom-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent3 input[type="submit"],
					#banner > .items section.accent3 input[type="reset"],
					#banner > .items section.accent3 input[type="button"],
					#banner > .items section.accent3 button,
					#banner > .items section.accent3 .button {
						background-color: transparent;
						box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
						color: #ffffff !important;
					}

						#banner > .items section.accent3 input[type="submit"]:hover,
						#banner > .items section.accent3 input[type="reset"]:hover,
						#banner > .items section.accent3 input[type="button"]:hover,
						#banner > .items section.accent3 button:hover,
						#banner > .items section.accent3 .button:hover {
							background-color: rgba(255, 255, 255, 0.05);
						}

						#banner > .items section.accent3 input[type="submit"]:active,
						#banner > .items section.accent3 input[type="reset"]:active,
						#banner > .items section.accent3 input[type="button"]:active,
						#banner > .items section.accent3 button:active,
						#banner > .items section.accent3 .button:active {
							background-color: rgba(255, 255, 255, 0.1);
						}

						#banner > .items section.accent3 input[type="submit"].primary,
						#banner > .items section.accent3 input[type="reset"].primary,
						#banner > .items section.accent3 input[type="button"].primary,
						#banner > .items section.accent3 button.primary,
						#banner > .items section.accent3 .button.primary {
							box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
							background-color: #79d1b8;
							color: #ffffff !important;
						}

							#banner > .items section.accent3 input[type="submit"].primary:hover,
							#banner > .items section.accent3 input[type="reset"].primary:hover,
							#banner > .items section.accent3 input[type="button"].primary:hover,
							#banner > .items section.accent3 button.primary:hover,
							#banner > .items section.accent3 .button.primary:hover {
								background-color: #8cd7c2;
							}

							#banner > .items section.accent3 input[type="submit"].primary:active,
							#banner > .items section.accent3 input[type="reset"].primary:active,
							#banner > .items section.accent3 input[type="button"].primary:active,
							#banner > .items section.accent3 button.primary:active,
							#banner > .items section.accent3 .button.primary:active {
								background-color: #9ddfcd;
							}

				#banner > .items section.accent4 {
					background-color: #fed586;
					color: rgba(255, 255, 255, 0.75);
				}

					#banner > .items section.accent4 input, #banner > .items section.accent4 select, #banner > .items section.accent4 textarea {
						color: #ffffff;
					}

					#banner > .items section.accent4 a {
						color: #ffffff;
					}

					#banner > .items section.accent4 strong, #banner > .items section.accent4 b {
						color: #ffffff;
					}

					#banner > .items section.accent4 h1, #banner > .items section.accent4 h2, #banner > .items section.accent4 h3, #banner > .items section.accent4 h4, #banner > .items section.accent4 h5, #banner > .items section.accent4 h6 {
						color: #ffffff;
					}

					#banner > .items section.accent4 blockquote {
						border-left-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent4 code {
						background: rgba(255, 255, 255, 0.05);
						border-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent4 hr {
						border-bottom-color: rgba(255, 255, 255, 0.25);
					}

					#banner > .items section.accent4 input[type="submit"],
					#banner > .items section.accent4 input[type="reset"],
					#banner > .items section.accent4 input[type="button"],
					#banner > .items section.accent4 button,
					#banner > .items section.accent4 .button {
						background-color: transparent;
						box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
						color: #ffffff !important;
					}

						#banner > .items section.accent4 input[type="submit"]:hover,
						#banner > .items section.accent4 input[type="reset"]:hover,
						#banner > .items section.accent4 input[type="button"]:hover,
						#banner > .items section.accent4 button:hover,
						#banner > .items section.accent4 .button:hover {
							background-color: rgba(255, 255, 255, 0.05);
						}

						#banner > .items section.accent4 input[type="submit"]:active,
						#banner > .items section.accent4 input[type="reset"]:active,
						#banner > .items section.accent4 input[type="button"]:active,
						#banner > .items section.accent4 button:active,
						#banner > .items section.accent4 .button:active {
							background-color: rgba(255, 255, 255, 0.1);
						}

						#banner > .items section.accent4 input[type="submit"].primary,
						#banner > .items section.accent4 input[type="reset"].primary,
						#banner > .items section.accent4 input[type="button"].primary,
						#banner > .items section.accent4 button.primary,
						#banner > .items section.accent4 .button.primary {
							box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.1);
							background-color: #ffde9f;
							color: #ffffff !important;
						}

							#banner > .items section.accent4 input[type="submit"].primary:hover,
							#banner > .items section.accent4 input[type="reset"].primary:hover,
							#banner > .items section.accent4 input[type="button"].primary:hover,
							#banner > .items section.accent4 button.primary:hover,
							#banner > .items section.accent4 .button.primary:hover {
								background-color: #ffe7b8;
							}

							#banner > .items section.accent4 input[type="submit"].primary:active,
							#banner > .items section.accent4 input[type="reset"].primary:active,
							#banner > .items section.accent4 input[type="button"].primary:active,
							#banner > .items section.accent4 button.primary:active,
							#banner > .items section.accent4 .button.primary:active {
								background-color: #ffefd2;
							}

		#banner > .slider {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			-moz-transition: opacity 1.5s ease-in-out;
			-webkit-transition: opacity 1.5s ease-in-out;
			-ms-transition: opacity 1.5s ease-in-out;
			transition: opacity 1.5s ease-in-out;
			width: 60%;
			opacity: 1;
			position: relative;
		}

			#banner > .slider > article {
				-moz-transition: opacity 1.5s, visibility 1.5s;
				-webkit-transition: opacity 1.5s, visibility 1.5s;
				-ms-transition: opacity 1.5s, visibility 1.5s;
				transition: opacity 1.5s, visibility 1.5s;
				background-size: cover;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				opacity: 0;
				visibility: hidden;
				z-index: 0;
			}

				#banner > .slider > article.visible {
					opacity: 1;
					visibility: visible;
				}

				#banner > .slider > article.top {
					z-index: 1;
				}

				#banner > .slider > article:before {
					content: '';
					height: 100%;
					left: 0;
					opacity: 0;
					position: absolute;
					top: 0;
					width: 100%;
				}

				#banner > .slider > article img {
					height: 100%;
					width: 100%;
					object-fit: cover;
					overflow: hidden;
				}

		body.is-preload #banner > .slider {
			opacity: 0;
		}

		@media screen and (max-width: 1680px) {

			#banner > .items section {
				padding: 4.5em 5em 2.5em 5em ;
			}

		}

		@media screen and (max-width: 1280px) {

			#banner > .items section {
				padding: 3.5em 3em 1.5em 3em ;
			}

		}

		@media screen and (max-width: 980px) {

			#banner {
				-moz-flex-direction: column-reverse;
				-webkit-flex-direction: column-reverse;
				-ms-flex-direction: column-reverse;
				flex-direction: column-reverse;
			}

				#banner > .items {
					-moz-flex-direction: row;
					-webkit-flex-direction: row;
					-ms-flex-direction: row;
					flex-direction: row;
					width: 100%;
				}

				#banner > .slider {
					height: 40em;
					max-height: 55vh;
					width: 100%;
				}

		}

		@media screen and (max-width: 736px) {

			#banner > .items section {
				padding: 3em 3em 1em 3em ;
			}

				#banner > .items section h1 {
					font-size: 1.25em;
				}

			#banner > .slider {
				height: 30em;
				max-height: none;
			}

		}

		@media screen and (max-width: 480px) {

			#banner > .items {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				#banner > .items section {
					padding: 3em 3em 1em 3em ;
				}

			#banner > .slider {
				height: 20em;
				max-height: 40vh;
			}

		}

/* Mini Posts */

	.mini-posts article {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		border-bottom: 1px solid;
		margin-bottom: 3rem;
		padding-bottom: 3rem;
	}

		.mini-posts article:last-of-type {
			border: none;
			padding-bottom: 0;
		}

		.mini-posts article a {
			text-decoration: none;
		}

		.mini-posts article .image {
			margin-bottom: 0;
			margin-right: 3rem;
		}

		.mini-posts article .timestamp {
			margin-top: 1rem;
		}

		.mini-posts article > .content > :last-child {
			margin-bottom: 0;
		}

	.mini-posts.small article {
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}

		.mini-posts.small article .image {
			margin-right: 2rem;
		}

		.mini-posts.small article:last-of-type {
			padding-bottom: 0;
		}

	.mini-posts.minimal article {
		display: block;
		margin-bottom: 2rem;
		padding-bottom: 2rem;
	}

		.mini-posts.minimal article:last-of-type {
			padding-bottom: 0;
		}

	@media screen and (max-width: 736px) {

		.mini-posts article {
			-moz-align-items: -moz-flex-start;
			-webkit-align-items: -webkit-flex-start;
			-ms-align-items: -ms-flex-start;
			align-items: flex-start;
		}

			.mini-posts article .image {
				margin-right: 2rem;
				width: 60%;
			}

				.mini-posts article .image img {
					width: 100%;
				}

		.mini-posts.small article {
			-moz-align-items: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
		}

			.mini-posts.small article .image {
				margin-bottom: 0;
				margin-right: 2rem;
				width: auto;
			}

				.mini-posts.small article .image img {
					width: auto;
				}

	}

	.mini-posts article {
		border-color: #e0e0e0;
	}

		.mini-posts article a {
			color: #171717;
		}

			.mini-posts article a:hover {
				color: #0ba9eb;
			}

		.mini-posts article .timestamp {
			color: #aeaeae;
		}

/* Posts */

	.postcontainer {
		margin: 2rem;
	}

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-align-items: -moz-stretch;
		-webkit-align-items: -webkit-stretch;
		-ms-align-items: -ms-stretch;
		align-items: stretch;
		margin: 0 0 4rem 0;
	}


		.posts > * {
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
		}

		.postimage img {
			width: 100%;
			height: 10rem;
			object-fit: cover;
			overflow: hidden;
			
		}

		.posts > :nth-child(2n + 1),
		.posts > :nth-child(2n) {
			width: calc(50% + 0rem);
		}

		.posts > article > :last-child {
			margin-bottom: 0;
		}

/* Post #1 */		
		.posts > :nth-child(1) {
			padding-left: 0;
			padding-right: 1rem;

		}

/* Post #2 */

		.posts > :nth-child(2n) {
			padding-left: 0.5rem;
			padding-right: 0;
		}

/* Post #3 */

		.posts > :nth-last-child(1) {
			padding-left: 1rem;
		}


		@media screen and (max-width: 980px) {

			.posts {
				display: -moz-flex;
				display: -webkit-flex;
				display: -ms-flex;
				display: flex;
				-moz-flex-wrap: wrap;
				-webkit-flex-wrap: wrap;
				-ms-flex-wrap: wrap;
				flex-wrap: wrap;
				-moz-align-items: -moz-stretch;
				-webkit-align-items: -webkit-stretch;
				-ms-align-items: -ms-stretch;
				align-items: stretch;
				margin: 3rem 0;
			}

				.posts > * {
					-moz-flex-shrink: 1;
					-webkit-flex-shrink: 1;
					-ms-flex-shrink: 1;
					flex-shrink: 1;
					-moz-flex-grow: 0;
					-webkit-flex-grow: 0;
					-ms-flex-grow: 0;
					flex-grow: 0;
				}

				.posts > * {
					width: 50%;
				}

				.posts > * {
					padding: 1.5rem;
					width: calc(50% + 1.5rem);
				}

				.posts > :nth-child(-n + 2) {
					padding-top: 0;
				}

				.posts > :nth-last-child(-n + 2) {
					padding-bottom: 0;
				}

				.posts > :nth-child(2n + 1) {
					padding-left: 0;
				}

				.posts > :nth-child(2n) {
					padding-right: 0;
				}

				.posts > :nth-child(2n + 1),
				.posts > :nth-child(2n) {
					width: calc(50% + 0rem);
				}

		}

		@media screen and (max-width: 736px) {

			.posts > * {
				width: 100%;
			}

			.posts > * {
				padding: 2rem;
				width: calc(50% + 2rem);
			}

			.posts > :nth-child(-n + 2) {
				padding-top: 2rem;
			}

			.posts > :nth-last-child(-n + 2) {
				padding-bottom: 2rem;
			}

			.posts > :nth-child(2n + 1) {
				padding-left: 2rem;
			}

			.posts > :nth-child(2n) {
				padding-right: 2rem;
			}

			.posts > :nth-child(2n + 1),
			.posts > :nth-child(2n) {
				padding: 2rem;
				width: calc(100% + 4rem);
			}

			.posts > * {
				padding: 2rem;
				width: calc(100% + 4rem);
			}

			.posts > :nth-child(-n + 1) {
				padding-top: 0;
			}

			.posts > :nth-last-child(-n + 1) {
				padding-bottom: 0;
			}

			.posts > :nth-child(1n + 1) {
				padding-left: 0;
			}

			.posts > :nth-child(1n) {
				padding-right: 0;
			}

			.posts > :nth-child(1n + 1),
			.posts > :nth-child(1n) {
				width: calc(100% + 2rem);
			}

		}

/* features8 */

	.features8 > a {
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 75%;
		padding: 2rem;
		position: absolute;
		right: 0;
		top: 30%;
		text-decoration: none;
		z-index: 103;
	}

		.features8 > a h2 {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			color: #ffffff;
			width: 100%;
		}

			@media screen and (max-width: 736px) {

				.features8 > a h2 {
					margin-bottom: 0.75rem;
				}

			}

		.features8 > a p {
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
			-moz-flex-shrink: 1;
			-webkit-flex-shrink: 1;
			-ms-flex-shrink: 1;
			flex-shrink: 1;
			-moz-align-self: center;
			-webkit-align-self: center;
			-ms-align-self: center;
			align-self: center;
			color: #ffffff;
			width: calc(100% - 5rem);
		}

			.features8 > a p:last-child {
				margin: 0;
			}

		.features8 > a:before {
			-moz-flex-grow: 0;
			-webkit-flex-grow: 0;
			-ms-flex-grow: 0;
			flex-grow: 0;
			-moz-flex-shrink: 0;
			-webkit-flex-shrink: 0;
			-ms-flex-shrink: 0;
			flex-shrink: 0;
			-moz-align-self: center;
			-webkit-align-self: center;
			-ms-align-self: center;
			align-self: center;
			color: #ffffff;
			content: '\f0a8';
			font-family: 'Font Awesome 5 Free';
			font-size: 3.5rem;
			font-weight: 900;
			line-height: 1;
			margin-right: 1.5rem;
			text-align: right;
			width: 3.5rem;
		}

			@media screen and (max-width: 736px) {

				.features8 > a:after {
					font-size: 3rem;
				}

			}

		.features8 > a.accent1 {
			background: #7abaa4;
		}

			.features8 > a.accent1:hover {
				background: #03738b;
			}

		.features8 > a.accent2 {
			background: #007c9e;
		}

			.features8 > a.accent2:hover {
				background: #03738b;
			}

		.features8 > a.accent3 {
			background: #41494e;
		}

			.features8 > a.accent3:hover {
				background: #03738b;
			}

		.features8 > a.alt {
			background: rgba(3, 115, 139, 0.75);
			width: 47rem;
		}

			.features8 > a.alt h2 {
				font-size: 2rem;
			}

			.features8 > a.alt p {
				font-size: 2rem;
				width: calc(100% - 6rem);
			}

			.features8 > a.alt:after {
				line-height: 1;
				width: 4.5rem;
			}

			@media screen and (max-width: 736px) {

				.features8 > a.alt {
					padding: 2rem;
					width: 100%;
				}

					.features8 > a.alt h2 {
						font-size: 2.5rem;
					}

					.features8 > a.alt p {
						font-size: 1rem;
					}

					.features8 > a.alt:after {
						font-size: 3.5rem;
						text-align: right;
					}

			}

			@media screen and (max-width: 480px) {

				.features8 > a.alt h2 {
					font-size: 2rem;
				}

				.features8 > a.alt:after {
					display: none;
				}

			}

		@media screen and (max-width: 736px) {

			.features8 > a {
				padding: 2rem;
			}

		}