<!-- WEB FONTS -->
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700" rel="stylesheet">

<style type="text/css">

[style*="Oswald"] {
  font-family: 'Oswald', Arial !important;
}
[style*="Oswald-Bold"] {
  font-family: 'Oswald', Arial !important;
  font-weight:700;
}
</style>

<!--[if gt mso 9]>
<style type="text/css">
    [style*="Oswald"] {font-family: 'Oswald', Arial !important;}
  [style*="Oswald-Bold"] {font-family: 'Oswald-Bold', Arial !important;}
</style>
<![endif]-->

<style type="text/css">
* {
  -webkit-text-size-adjust: none;
}

/* prevent iOS font upsizing */
.ExternalClass * {
  line-height: 100%;
}

/* force Outlook.com to honor line-height */
td {
  mso-line-height-rule: exactly;
}

a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

/* CTA hover effect */
.hoverPrimaryCTA:hover {
  border-color: #a1784d !important;
  background-color: #ffffff !important;
  color: #a1784d !important;
}
.hoverPrimaryCTA:hover a {
  border-color: #a1784d !important;
  background-color: #ffffff !important;
  color: #a1784d !important;
}
.hoverSecondaryCTA:hover {
  background-color: #a1784d !important;
  color: #ffffff !important;
	border-color: #ffffff !important;
}
.hoverSecondaryCTA:hover a {
  border-color: #ffffff !important;
  background-color: #a1784d !important;
  color: #ffffff !important;
}
.hoverTertiaryCTA:hover {
  color: #000000 !important;
  background-color: #ffffff !important;
}
.hoverTertiaryCTA:hover a {
  border-color: #ffffff !important;
  background-color: #ffffff !important;
  color: #000000 !important;
}

/*** Responsive CSS ***/
@media only screen and (max-width: 414px) {
/*** Layout ***/
body {
  width: 100%;
  min-width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
}
.marginFix {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
}
.full-width-container {
  width: 100% !important;
  min-width: 320px !important;
}
.full-width-container-inner {
  width: 100% !important;
  min-width: 100% !important;
  padding: 0px 10px 0px 10px !important;
}
.hide {
  width: 0px !important;
  height: 0px !important;
  display: none !important;
}
.display {
  display: block !important;
}
.show {
  display: table-cell !important;
  height: auto !important;
  max-height: inherit !important;
  overflow: visible !important;
  float: none !important;
}
.show img {
  width: auto;
  display: block !important;
  height: auto;
  margin: 0 0 0 0 !important;
}
.full-width {
  width: 100% !important;
  min-width: 100% !important;
}
.responsiveCell {
  width: 100% !important;
  display: block !important;
}
.stackTbl {
  width: 100% !important;
  display: table !important;
}
.stackTblMarginTop {
  width: 100% !important;
  display: table !important;
  margin-top: 60px !important;
}
.stackTblMarginTop40 {
  width: 100% !important;
  display: table !important;
  margin-top: 40px !important;
}
.stackTblMarginTop20 {
  width: 100% !important;
  display: table !important;
  margin-top: 20px !important;
}
.center {
  margin: 0px auto !important;
  text-align: center !important;
}
.align-center {
  text-align: center !important;
}
.alignLeft {
  text-align: left !important;
}
.autoHeight {
  height: auto !important;
}
.height365 {
  height: 365px !important;
}
.height320 {
  height: 320px !important;
}
.height20 {
  height: 20px !important;
}
.height414 {
  height: 414px !important;
}
.showme {
  display: block !important;
  width: auto !important;
  overflow: visible !important;
  float: none !important;
  max-height: inherit !important;
  max-width: inherit !important;
  line-height: auto !important;
  margin-top: 0px !important;
  visibility: inherit !important;
}
.noborder {
  border: none !important;
}

/*** Padding Styles ***/
.padding0 {
  padding: 0px !important;
}
.padding40 {
  padding: 40px 40px 40px 40px !important;
}
.padding10{
	padding:10px 10px 10px 10px !important;

}
.topPadding0 {
  padding-top: 0px !important;
}
.topPadding5 {
  padding-top: 5px !important;
}
.topPadding10 {
  padding-top: 10px !important;
}
.topPadding20 {
  padding-top: 20px !important;
}
.topPadding30 {
  padding-top: 30px !important;
}
.topPadding40 {
  padding-top: 40px !important;
}
.topPadding50 {
  padding-top: 50px !important;
}
.bottomPadding0 {
  padding-bottom: 0px !important;
}
.bottomPadding5 {
  padding-bottom: 5px !important;
}
.bottomPadding10 {
  padding-bottom: 10px !important;
}
.bottomPadding20 {
  padding-bottom: 20px !important;
}
.bottomPadding30 {
  padding-bottom: 30px !important;
}
.bottomPadding40 {
  padding-bottom: 40px !important;
}
.bottomPadding50 {
  padding-bottom: 50px !important;
}
.rightPadding0 {
  padding-right: 0px !important;
}
.rightPadding10 {
  padding-right: 10px !important;
}
.rightPadding20 {
  padding-right: 20px !important;
}
.rightPadding30 {
  padding-right: 30px !important;
}
.leftPadding0 {
  padding-left: 0px !important;
}
.leftPadding10 {
  padding-left: 10px !important;
}
.leftPadding20 {
  padding-left: 20px !important;
}
.leftPadding30 {
  padding-left: 30px !important;
}
.mobileSidePadding10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mobileSidePadding20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.mobileSidePadding30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
	}
.mobileSidePadding40 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}
.mobileSidePadding50 {
  padding-left: 20px !important;
  padding-right: 75px !important;
}

/*** Mobile Font Size ***/
.fontSize36 {
  font-size: 36px !important;
  line-height: 40px !important;
}
.fontSize25 {
  font-size: 25px !important;
  line-height: 29px !important;
}
.fontSize20 {
  font-size: 20px !important;
  line-height: 24px !important;
}

/*** Text/Divider/Image Styles ***/
.noBackground {
  background: none !important;
  height: auto !important;
}
.blackBackground {
  background-color: #000000 !important;
  height: auto !important;
}
.navyBackground {
  background-color: #0e1417 !important;
  height: auto !important;
}
.fullWidthImg {
  width: 100% !important;
  height: auto !important;
  min-width: 100% !important;
}

/* IMAGE SWAPS */
.imgReplaceHeaderLogo {
  background-image: url(https://media.4at5.net/email_domains/yrd/229534/images/YHLogo_200x87_m.png) !important;
  width: 150px !important;
  height: 65px !important;
  /* update height here */
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  display: block !important;
}

/* background image resize scalable height */
.imgReplaceF8 {
  background-image:url("https://media.4at5.net/email_domains/yrd/288519/images/0150_social_v1_m.png") !important;
  width:100% !important;
  /* update height here */
  height:385px !important;
  background-size:cover !important;
  background-color:#666666 !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  display:block !important;
}
.imgReplaceF10 {
  background-image: url("https://media.4at5.net/email_domains/yrd/288519/images/0189_feat_v2_m.png") !important;
  width: 100% !important;
  height: 544px !important;
  /* update height here */
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  display: block !important;
}
.imgResize {
  background-image: url(https://media.4at5.net/email_domains/yrd/229534/images/transparent.png) !important;
  width: 100% !important;
  height: auto !important;
  /* update height here */
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  display: block !important;
}
.imgResize2 {
  background-position: -35px top !important;
}
.pngHeight1 {
  width: 100% !important;
}
.pngHeight2 {
  width: 100% !important;
	height: 243px !important;
}
.pngHeight3 {
  width: 100% !important;
	height: 0px !important;
}

/*** navigation ***/
.footer-nav {
  padding: 0px 5px 0px 5px !important;
}
/*** END Responsive CSS ***/
}

</style>
<!--[if gt mso 9]>
<style type="text/css">
        .showme{ display:none !important;}
</style>
<![endif]-->
