// Runner
div.runner {
	text-align: center;
	text-transform: uppercase;
	padding: 4em;

	@media only screen and ( min-width:640px ) {
		text-align: left;
	}

	/*
		Container

	 */
	.container {
		padding: 2em;

		@media only screen and ( min-width:640px ) {
			padding: 4em;

			display: flex;
			align-items: center;
		}
	}

	.item {
		flex: 0 0 25%;

		&:nth-child(2) {
			flex: 0 0 50%;
		}
	}

	img {
		margin: 0 auto 2em;
		max-width: 160px;

		@media only screen and ( min-width:640px ) {
			margin: 0;
		}
	}

	ul {

		@media only screen and ( min-width:640px ) {
		}

		li {
			// float: left;
			// display: inline-block;
			// width: 50%;

			a {
				// color: $hm_brand2;
			}
		}

		i {
			font-size: .8em;
			margin-right: 2px;
		}
	}

	.connect {
		text-align: right;

		i {
			font-size: 2em;
			margin-right: .35em;
		}
	}

}