/*
    Update branding!
 */

 #header, #logo {
     background-image: url(/neuro/images/Nerve-Renew-Header.png);
 }
 
 /**
  *Offer Banner 
  */
 
.offerBanner {
	font-family: "Myriad Pro", Arial, sans-serif;
	display: block;
	margin: 5px auto;
	border-radius: 10px;
	border: #b2b2b2 solid 1px;
	width: 835px;
	max-width: 100%;
	background: #ededee;
	background: -moz-linear-gradient(top, #ededee 0%, #b9bbbd 100%);
	background: -webkit-linear-gradient(top, #ededee 0%,#b9bbbd 100%);
	background: linear-gradient(to bottom, #ededee 0%,#b9bbbd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededee', endColorstr='#b9bbbd',GradientType=0 );
}
.offerBannerGraphic {
	display: block;
	padding: 20px 20px 0px;
}
.offerBannerText {
	display: block;
	padding: 20px;
}

@media (min-width: 768px) {
	.offerBanner {
		display: flex;
		flex-direction: row;
		align-items: center;
	}
	.offerBannerGraphic {
		flex-basis: 25%;
		height: auto;
		justify-content: center;
		padding: 30px 20px;
	}
	.offerBannerText {
		align-self: flex-start;
		flex-basis: 75%;
		height: auto;
		justify-content: center;
		padding: 30px 20px 30px 0px;
	}
}
.offerBannerGraphic img {
	display: block;
	margin: 0px auto;
	max-width: 100%;
}
.offerBannerText h2 {
	display: block;
	font-family: "Myriad Pro", Arial, sans-serif;
	font-size: 35px;
	line-height: 38px;
	font-weight: bold;
	color: #5cb1cb;
	margin-top: 0px;
	margin-bottom: 20px;
}
.offerBannerText p {
	font-family: "Myriad Pro", Arial, sans-serif;
	display: block;
	font-size: 15px;
	line-height: 17px;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 20px;
}
.offerBannerBottom {
	display: block;
}
.offerBannerBullets {
	display: block;
}
.offerBannerCTA {
	display: block;
	text-align: center;
	padding-top: 20px;
}
@media (min-width: 768px) {
	.offerBannerBottom {
		display: flex;
	}
	.offerBannerBullets {
		flex-basis: 65%;
	}
	.offerBannerCTA {
		align-self: flex-end;
		flex-basis: 35%;
		text-align: right;
		padding: 0px 0px 0px 5px;
	}
}