/* Features */

	ul.features {
		list-style: none;
		padding: 0;
	}

		ul.features li {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			border-top: solid 2px;
			margin: 3em 0 0 0;
			padding: 3em 0 0 0;
		}

			ul.features li h3 {
				margin-bottom: 0;
				min-width: 20em;
				padding-left: 4.5em;
				position: relative;
				width: 35%;
				-ms-flex: auto;
			}

				ul.features li h3:before {
					border-radius: 100%;
					border: solid 2px;
					font-size: 1.25em;
					height: 2.5em;
					left: 0;
					line-height: 2.25em;
					position: absolute;
					text-align: center;
					top: 0;
					width: 2.5em;
				}

			ul.features li p {
				width: 65%;
				-ms-flex: auto;
				margin-bottom: 0;
				padding-left: 3em;
			}

			ul.features li:first-child {
				border-top: 0;
				margin-top: 0;
				padding-top: 0;
			}

		@media screen and (max-width: 736px) {

			ul.features li h3 {
				min-width: 15em;
			}

			ul.features li p {
				padding-left: 2em;
			}

		}

		@media screen and (max-width: 480px) {

			ul.features li {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				ul.features li h3 {
					width: 100%;
					margin: 0 0 2em 0;
					padding-left: 4.25em;
				}

				ul.features li p {
					padding-left: 3.75em;
					width: 100%;
				}

		}

	ul.features li {
		border-top-color: rgba(144, 144, 144, 0.25);
	}

		ul.features li h3:before {
			border-color: rgba(144, 144, 144, 0.25);
		}

		ul.features li:nth-child(3n - 2) h3:before {
			color: #5f9dd2;
		}

		ul.features li:nth-child(3n - 1) h3:before {
			color: #758ce1;
		}

		ul.features li:nth-child(3n) h3:before {
			color: #e286a9;
		}
