.coupon-page-wrapper {
	padding-bottom: 20px;
}
.coupon-page-wrapper .no-wrap {
	white-space: nowrap;
}
.coupon-page-header,
.coupon-page-body {
	padding: 20px 15px;
}
.coupon-page-header h1.cx-heading {
	font-size: 30px;
	line-height: 1;
	color: #2a7ab0;
}
.coupon-page-header .cx-heading + .cx-heading {
	margin-top: -0.625em;
}
.coupon-page-header .cx-copy {
	max-width: 600px;
}
@media (min-width: 768px) {
	.coupon-page-header .cx-copy {
		margin-left: auto;
		margin-right: auto;
	}
}
.coupon-page-body ul.coupons {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.coupon-page-body li {
	padding: 15px;
}
.coupon-page-body .coupon {
	padding: 15px;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.coupon-page-body .coupon::before {
	position: absolute;
	content: '';
	top: 15px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	border: 1px dashed #2a7ab0;
}
.coupon-page-body .coupon > * {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	z-index: 1;
}
.coupon-page-body .coupon .coupon-head {
	color: #2a7ab0;
	text-align: center;
}
.coupon-page-body .coupon p {
	margin: 0.5em 0;
}
.coupon-page-body .coupon .coupon-code {
	text-align: center;
	padding: 5px;
	margin-top: 0;
	line-height: 1;
}
.coupon-page-body .coupon .coupon-code:not(.no-code) {
	border-radius: 25px;
	background-color: #ebebeb;
	text-transform: uppercase;
}
.coupon-page-body .coupon .coupon-details {
	-webkit-box-flex: 3;
	-ms-flex: 3 0 auto;
	flex: 3 0 auto;
	margin: 0.5em 1em;
}
.coupon-page-body .coupon-disclaimer {
	text-align: center;
}
.coupon-page-body .cx-button {
	margin: 0;
}