.main-navigation {
	clear: both;
	display: block;
	margin: 2.25em auto 4.5em;
	padding: .75em 0;
	text-transform: uppercase;
	font-size: $font__size-smaller;
	font-weight: bold;
	letter-spacing: 1px;
	width: 100%;

	ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	li {
		list-style: none;

		li {
			padding-left: 1.5em;

			li {
				padding-left: 2.25em;

				li {
					padding-left: 3em;

					li {
						padding-left: 3.75em;
					}
				} 
			}
		}
	}

	a {
		border-top: 1px dashed $color__mid-grey;
		display: block;
		margin: .75em 0 0;
		padding: .75em 0 0;
		text-decoration: none;
		width: 100%;

		&:hover,
		&:visited:hover {
			color: $color__link;
		}

		&:visited {
			color: $color__dark-grey;
		}
	}
}