.couponParent{
	text-align:center;
}
.saleCoupon{
	border:2px dashed navy;
	border-radius:15px;
	padding:15px;
	margin:10px;
	overflow:hidden;
	position:relative;
	color:navy;
	min-height:200px;
	width:650px;
	display:inline-block;
}

.couponCol{
	display:inline-block;
	vertical-align:middle;
}
.couponCol1{
	width:30%;
	min-height:166px;
}
.couponLogoHolder{
	width:22%;
	height:30px;
   	position:absolute;
	left:3%;
	top:25px;
}
.couponLogoHolder img{
	width:100%;
	height:100%;
}
.couponBlueBack{
	position:absolute;
	left:-40px;
   	bottom:-80px;
	width:190px;
	height:190px;
	background-color:navy;
	border-radius:50%;
	border:6px solid red;
}
.couponBlueBlurb{
	width:123px;
    font-size: 28px;
    color: white;
    position: absolute;
    bottom: 0;
    left: 4px;
    line-height: 98%;
    min-height: 90px;
    align-items: center;
    display: flex;
    justify-items: center;
    flex-direction: column;
    justify-content: center;
}
.couponBlueAfter{
	position:relative;
}
.couponBlueAfter:before, .couponBlueAfter:after{
	font-size:50%;
	font-weight:normal;
	vertical-align:super;
}

.couponPercent:after{
	content:'%';
}
.couponFixed:before{
	content:'$';
}

.couponBlueBig{
	font-size:125%;
	font-weight:bold;
}
.couponBlueSlightBig{
	font-size:110%;
	font-weight:bold;
}
.couponBlueSmall{
	font-size:80%;
}
.couponBlueSmallSmall{
	font-size:40%;
}

.couponCol2{
	width:68%;
	text-align:center;
}

.couponHeading1{
	color:red;
	font-size:35px;
}
.couponPill{
	font-size:18px;
	color:white;
	background-color:red;
	border-radius:9px;
}

.couponLineIcons{
	margin-top:3px;
	margin-bottom:3px;
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	font-size:50px;
}


.couponImgLine{
	height:30px;
	width:100%;
	margin-top:8px;
	margin-bottom:8px;
}
.couponImgLine img{
	width:100%;
	height:100%;
}
.couponFinePrint{
	font-size:10px;
}


@media (max-width: 675px){
	
	.saleCoupon{
		width:300px;
		padding:0;
		min-height:170px;
		max-width:98%;
		margin-left:0;
		margin-right:0;
	}

	.couponCol1{
		width:24%;
	}
	.couponLogoHolder{
		width:22%;
		height:30px;
		left:3%;
		top:25px;
	}
	.couponBlueBack{
		left:-33px;
		bottom:-51px;
		width:112px;
		height:130px;
		border-width:3px;
	}
	.couponBlueBlurb{

	    font-size: 16px;
	    bottom: 0;
	    left: 3px;
	    line-height: 98%;
	    min-height: 66px;
	    width: 63px;

	}
	
	
	.couponLineIcons{
		font-size:35px;
	}
	

	.couponCol2{
		width:68%;
	}

	.couponHeading1{
		font-size:27px;
	}
	.couponPill{
		font-size:13px;
		border-radius:9px;
	}
	.couponImgLine{
		height:24px;
		width:100%;
		margin-top:4px;
		margin-bottom:8px;
	}
	.couponImgLine img{
		width:100%;
		height:100%;
	}
	.couponFinePrint{
		font-size:8px;
	}
}