.sale-sitewide-banner {
	display: block !important;
	z-index: 10;
	font-family:'Roboto', sans-serif;
	left:0;
	right:0;
	text-align: center;
	box-shadow: inset #2f4a5d3b 1px -11px 18px;
	animation: gradient 15s ease infinite;
	background-color: #024206; /* fallback */
	background: linear-gradient(276deg, #1f4118 3%, #356e2a 20%, #1f4118 50%, #1b4b12 68%, #2dc768 98%) fixed;
	background-size: 200% 200%;
}

@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}

@media (min-width: 768px) {
	.sale-sitewide-banner {
		overflow: auto;
		top: 30px;
		min-height:50px;
		margin-top: 30px;
		display: flex !important;         /* NEW, Spec - Firefox, Chrome, Opera */
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		justify-content: center;
		align-content: center;
		align-items: center;
		z-index: 2000;
	}
}

.sale-sitewide-banner .bn-image,
.sale-sitewide-banner .bn-subtitle,
.sale-sitewide-banner .bn-title {
	display:inline-block;
	margin:0 4px;
}

.sale-sitewide-banner .bn-message {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sale-sitewide-banner .bn-subtitle {
	color: #ebf6ff;
	font-size:12px;
	display:block;
}

@media (min-width: 760px) {
	.sale-sitewide-banner .bn-subtitle {
		font-size:14px;
		margin-right:10px;
		display:inline-block;
	}
}

.sale-sitewide-banner .bn-subtitle {
	color:#f4f8ec;
}

.sale-sitewide-banner .bn-title {
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:0.1em;
	margin:4px 0 0 0;
}

@media (min-width: 768px) {
	.sale-sitewide-banner .bn-title {
		margin:6px 3px;
	}
}

.sale-sitewide-banner .bn-btn {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin: 5px auto 10px;
	border-radius:3px;
	color: #4cf88e;
	background-color: transparent;
	border: 2px solid #4cf88e;
	padding: 0px 11px;
	font-size: 13px;
	transition: all .2s ease-in-out;
	text-transform:uppercase;
}

@media (min-width: 768px) {
	.sale-sitewide-banner .bn-btn {
		margin: -4px 0 0 0;
		padding: 0 8px;
	}
}

.sale-sitewide-banner .bn-cta:hover .bn-btn {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

.sub-sitewide-banner {
	display: block !important;
	z-index: 10;
	font-family:'Roboto', sans-serif;
	left:0;
	right:0;
	text-align: center;
	box-shadow: inset #2f4a5d3b 1px -11px 18px;
	animation: gradient 15s ease infinite;
	background-color: #024206; /* fallback */
	background: linear-gradient(276deg, #1f4118 3%, #356e2a 20%, #1f4118 50%, #1b4b12 68%, #2dc768 98%) fixed;
	background-size: 200% 200%;
}

@keyframes gradient {
	0% {
		background-position: 0% 0%;
	}
	50% {
		background-position: 100% 100%;
	}
	100% {
		background-position: 0% 0%;
	}
}

@media (min-width: 768px) {
	.sub-sitewide-banner {
		overflow: auto;
		top: 30px;
		min-height:50px;
		margin-top: 0;
		display: flex !important;         /* NEW, Spec - Firefox, Chrome, Opera */
		display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
		display: -ms-flexbox;  /* TWEENER - IE 10 */
		display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
		justify-content: center;
		align-content: center;
		align-items: center;
		z-index: 2000;
	}
}

.sub-sitewide-banner .bn-image,
.sub-sitewide-banner .bn-subtitle,
.sub-sitewide-banner .bn-title {
	display:inline-block;
	margin:0 4px;
}

.sub-sitewide-banner .bn-message {
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sub-sitewide-banner .bn-subtitle {
	color: #ebf6ff;
	font-size:12px;
	display:block;
}

@media (min-width: 760px) {
	.sub-sitewide-banner .bn-subtitle {
		font-size:14px;
		margin-right:10px;
		display:inline-block;
	}
}

.sub-sitewide-banner .bn-subtitle {
	color:#f4f8ec;
}

.sub-sitewide-banner .bn-title {
	font-family: 'Montserrat', sans-serif;
	color:#fff;
	text-transform:uppercase;
	font-size:15px;
	letter-spacing:0.1em;
	margin:4px 0 0 0;
}

@media (min-width: 768px) {
	.sub-sitewide-banner .bn-title {
		margin:6px 3px;
	}
}

.sub-sitewide-banner .bn-btn {
	font-family: 'Montserrat', sans-serif;
	display: inline-block;
	margin: 5px auto 10px;
	border-radius:3px;
	color: #4cf88e;
	background-color: transparent;
	border: 2px solid #4cf88e;
	padding: 0px 11px;
	font-size: 13px;
	transition: all .2s ease-in-out;
	text-transform:uppercase;
}

@media (min-width: 768px) {
	.sub-sitewide-banner .bn-btn {
		margin: -4px 0 0 0;
		padding: 0 8px;
	}
}

.sub-sitewide-banner .bn-cta:hover .bn-btn {
	color: #fff;
	border-color: #fff;
	background: transparent;
}

body .nav,
.nav {
	padding-top:0;
}