// Runner
.runner {
	position: relative;
/*
	background: transparent linear-gradient(309deg, #C3D91E 0%, #265902 100%) 0% 0% no-repeat padding-box;
	background: $base-accent-color;
	background: $base-accent-color-light;
	background: $base-accent-color-lime;
*/
	background: transparent linear-gradient(315deg, lighten($base-accent-color,10) 0%, darken($base-accent-color,20) 100%) 0% 0% no-repeat padding-box;
	color: white;
	padding: 2em 0;

	img {
		max-width: 100%;
	}

	a.company-logo img {
		display: block;
		margin: 2em auto 1em;
		max-width: 90%;
	}

	p.title {
		color: $base-accent-color;
		color: white;
		font-weight: 700;
		letter-spacing: 0;
		text-transform: uppercase;
		margin-bottom: 1em;
	}

	a {
		color: white;
	}

	address {
		font-style: normal;
	}


	.container {
		display: flex;
		flex-wrap: wrap;
	}

	.item {
		flex: 1 1 50%;
		padding: 1em;

		@media (min-width: $medium-screen) {
			flex: 1 1 25%;
		}
	}

	.at-a-glance {
		display: none;

		@media (min-width: $medium-screen) {
			display: block;
		}

		p {
			max-width: 400px;
			margin-bottom: 1.2em;
		}

		.btn {
			display: inline-block;
			padding: 10px 15px;
			min-width: 200px;
			text-align: center;
			background: #25594A;
			color: $white;
			font-weight: 500;

			@media (min-width:$medium-screen) {
			}
		}
	}

	nav {
		display: none;

		@media (min-width: $large-screen) {
			display: block;
		}
	}

	.main-products,
	nav.our-site {

		ul {
			list-style: disc;
			line-height: 1.5;
			padding-left: 1em;
			margin-left: .25em;
			margin-bottom: 2em;
		}

		li {
			margin-bottom: 0em;

			&.current-menu-item a {
				font-weight: bold;
				text-decoration: underline;
			}
		}
	}

	.logistics i {
		margin-right: .25em;
	}
}