//	Footer Banner
div.footer-banner {
	background: $cmo-purple-dark;
	color: white;
	font-size: 1.25rem;

	@media only screen and ( min-width: 800px ) {
		font-size: 1.5rem;
	}

	img {
		width: 100%;
	}

	.content.container {
		max-width: 600px;
	}

	.content {
		text-align: center;
		padding: 1em;
		// color: $hm_brand1;

		img.logo {
			filter: brightness(0) invert(1);
			max-width: 120px;
			margin: 1em auto;
		}


		ul,
		p {
			margin-left: auto;
			margin-right: auto;
		}

		h1 {
			color: #553132;
			font-size: 1.2em;
			font-weight: 300;
			text-transform: uppercase;

			em {
				display: block;
				font-size: 1.4em;
				font-style: normal;
				font-weight: 700;
				letter-spacing: -1px;
			}
		}

		ul {
			margin-bottom: 1em;

			li {
				display: block;

				i {
					color: #6ED848;
					margin-right: 5px;
				}
			}
		}

		p.note {
			font-size: 1rem;
			margin-bottom: 2em;
		}
	}

}