    <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet">
    <style type="text/css">
        .gotham {
            font-family: 'Gotham', 'Open Sans', Arial, Helvetica, sans-serif !important;
          }
    </style>

    <!--[if gt mso 9]>
<style type="text/css">
.gotham {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
.arvo {font-family: Arial, Helvetica, sans-serif !important;} /* prevents Outlook from defaulting to Times New Roman */
</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;
        }
    
        /* prevent iOS auto-linking */
    
        .applefix a {
          /* use on a span around the text */
          color: #333333;
          text-decoration: none;
        }
    
        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;
        }
    
        /** Prevent Outlook Purple Links **/
    
        .greyLink a:link {
          color: #888888;
        }
    
        .whiteLink a:link,
        .topnav a:link,
        .footernavcaptop a:link,
        .footernav a:link,
        .footernavcapbot a:link {
          color: #ffffff;
        }
    
        .blueLink a:link {
          color: #004EBD;
        }
    
        /** Hover Effects **/
    
        .hoverCTA:hover {
          background-color: #ffffff !important;
          border: solid 2px #A8AD00 !important;
          color: #A8AD00 !important;
          transition: ease .3s;
          -moz-transition: ease .3s;
        }
    
        .hoverCTA:hover a {
          color: #A8AD00 !important;
          transition: ease .5s;
          -moz-transition: ease .5s;
        }
    
        .hoverCTA2:hover {
          background-color: #A8AD00 !important;
          border: solid 2px #A8AD00 !important;
          color: #ffffff !important;
          transition: ease .3s;
          -moz-transition: ease .3s;
        }
    
        .hoverCTA2:hover a {
          color: #ffffff !important;
          transition: ease .5s;
          -moz-transition: ease .5s;
        }
    
        /*** 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;
          }
          .smcell {
            display: table-cell !important;
            width: 100% !important;
            height: auto !important;
            max-height: inherit !important;
            overflow: visible !important;
            float: none !important;
          }
          .smcell img {
            width: auto;
            display: block !important;
            height: auto;
            margin: 0 0 0 0 !important;
          }
          .display {
            display: block !important;
          }
          .full-width {
            width: 100% !important;
            min-width: 100% !important;
          }
          .width90 {
            width: 90% !important;
          }
          .responsiveCell {
            width: 100% !important;
            display: block !important;
          }
          .mobileWidth45 {
            width: 45% !important;
          }
          .mobileWidth100 {
            width: 33% !important;
          }
          .mobile150 {
            width: 150px !important;
          }
          .stackTbl {
            width: 100% !important;
            display: table !important;
          }
          .stackTbl45 {
            width: 47% !important;
            display: table !important;
          }
          .stackTblMarginTop {
            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;
          }
          .floatLeft {
            float: left !important;
            width: 50% !important;
          }
          .floatRight {
            float: right !important;
            width: 50% !important;
          }
          .halfLeft {
            width: 49% !important;
            height: 110px !important;
          }
          .halfRight {
            display: table-cell !important;
            width: 49% !important;
            height: 110px !important;
            /* for Yahoo Mail */
            max-width: 49% !important;
            max-height: 110px !important;
          }
          .autoHeight {
            height: auto !important;
          }
          /*** Padding Styles ***/
          .mobilePadding {
            padding: 0px 20px 0px 20px !important
          }
          .mobilePadding1 {
            padding: 40px 20px 40px 20px !important;
            height: auto !important;
          }
          .mobilePadding2 {
            padding: 0px 20px 40px 20px !important;
          }
          .mobilePadding3 {
            padding: 20px 20px 20px 20px !important
          }
          .mobilePadding4 {
            padding: 20px 0px 0px 5px !important
          }
          .mobilePadding5 {
            padding: 20px 0px 0px 0px !important
          }
          .mobilePadding6 {
            padding: 0px 10px 0px 10px !important;
          }
          .mobilePadding7 {
            padding: 20px 5px 0px 5px !important;
          }
          .mobilePadding8 {
            padding: 0px 0px 110px 0px !important;
          }
          .mobileSidePadding {
            padding-left: 30px !important;
            padding-right: 30px !important;
          }
          .mobileSidePadding2 {
            padding-left: 30px !important;
            padding-right: 30px !important;
          }
          .padding0 {
            padding: 0px !important
          }
          .topPadding0 {
            padding-top: 0px !important
          }
          .topPadding10 {
            padding-top: 10px !important;
          }
          .topPadding20 {
            padding-top: 20px !important;
          }
          .topPadding40 {
            padding-top: 40px !important;
          }
          .bottomPadding0 {
            padding-bottom: 0px !important
          }
          .bottomPadding10 {
            padding-bottom: 10px !important;
          }
          .bottomPadding20 {
            padding-bottom: 20px !important;
          }
          .bottomPadding30 {
            padding-bottom: 30px !important;
          }
          .bottomPadding40 {
            padding-bottom: 40px !important;
          }
          .rightPadding0 {
            padding-right: 0px !important;
          }
          .rightPadding10 {
            padding-right: 10px !important;
          }
          .rightPadding20 {
            padding-right: 20px !important;
          }
          .leftPadding10 {
            padding-left: 10px !important;
          }
          .leftPadding0 {
            padding-left: 0px !important;
          }
          .disclaimerMobilePadding {
            padding: 5px 0px 20px 0px !important;
          }
          .ctaPadding {
            padding: 10px 40px 10px 40px !important;
          }
          /*** Mobile Font Size ***/
          .fontSize20 {
            font-size: 20px !important;
            line-height: 22px !important;
          }
          .fontSize14 {
            font-size: 14px !important;
            line-height: 16px !important;
          }
          /*** Text/Divider/Image Styles ***/
          .noBackground {
            background: none !important;
            background-color: #1174C3 !important;
            height: auto !important;
          }
          .bgBrown {
            background-color: #ebe8e5 !important;
          }
          .fullWidthImg {
            width: 100% !important;
            height: auto !important;
            min-width: 100% !important;
          }
          /* IMAGE SWAPS */
          .featureImgSwap {
            /* Feature Image Swap */
            background-image: url(http://media.4at5.net/email_domains/olg/0212/0212_feat_v1_m.png) !important;
            width: 100% !important;
            padding-top: 120.6% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }
    		
    	    .featureImgSwap2 {
            /* Feature Image Swap */
            background-image: url(http://media.4at5.net/email_domains/olg/0212/0212_sec_v1_m.png) !important;
            width: 100% !important;
            padding-top: 83.28% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }	
           .featureImgSwap3 {
            /* Feature Image Swap */
            background-image: url(http://media.4at5.net/email_domains/olg/0212/0212_tert_v1_m.png) !important;
            width: 100% !important;
            padding-top: 114.7% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }	
    	   .featureImgSwap4 {
            /* Feature Image Swap */
            background-image: url(http://media.4at5.net/email_domains/olg/0212/0212_quan_v1_m.png) !important;
            width: 100% !important;
            padding-top: 118.28% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }		
          .featureBImgSwap {
            background-image: url(http://media.4at5.net/email_domains/olg/template/feature_b_img_mob.png) !important;
            width: 100% !important;
            padding-top: 0% !important;
            /* update height here */
            padding-bottom: 42% !important;
            background-size: cover !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }
          .featureBRightImgSwap {
            background-image: url(http://media.4at5.net/email_domains/olg/template/feature_b_right_mobile.png) !important;
            width: 100% !important;
            padding-top: 0% !important;
            /* update height here */
            padding-bottom: 42% !important;
            background-size: cover !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }
          .featureDImgSwap {
            background-image: url(http://media.4at5.net/email_domains/olg/9050/9050_feat_v1_m.gif) !important;
            width: 100% !important;
            height: auto !important;
            background-size: cover !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }
          .articleRightImgSwap {
            /* Two Column Swap - Left Column */
            background-image: url(http://media.4at5.net/email_domains/olg/0212/mothersdaycoupon_img.png)!important;
            width: 100% !important;
            padding-top: 132.8% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }
          .articleLeftImgSwap {
            /* Two Column Swap - Left Column */
            background-image: url(http://media.4at5.net/email_domains/olg/template/mobile_10.png)!important;
            width: 100% !important;
            padding-top: 75% !important;
            /* update height here */
            background-size: contain !important;
            background-position: center top !important;
            background-repeat: no-repeat !important;
            display: block !important;
          }

          .pngHeight1 {
            height: 197px !important;
          }
    
          .pngHeight2 {
            height: 197px !important;
          }
          .pngHeightD1 {
            height: 145px !important;
          }
          .pngHeightD2 {
            height: 380px !important;
          }
          /*** Feature Styling ***/
          .featurePadding {
            padding: 15px 40px 30px 40px !important;
          }
    	  .featurePadding2 {
            padding: 15px 0px 30px 0px !important;
          }
          .featureB {
            width: 100% !important;
          }
          /*** 2 Across Styling ***/
          .twoAcrossImg {
            width: 100% !important;
            height: auto !important;
          }
          .twoColumnPadding {
            padding: 30px 10px 30px 10px !important;
          }
          .twoColumnPadding2 {
            padding: 0px 10px 15px 10px !important;
          }
          /***pinterest board ***/
          .pintWidth {
            width: 90% !important;
          }
          /***coupons ***/
          .couponPadding {
            padding: 20px 40px 20px 40px !important;
          }
          .couponHeadline {
            font-size: 56px !important;
            padding: 10px 10px 10px 10px !important;
            line-height: 56px !important;
          }
          .couponSubHeadline {
            padding: 0px 10px 10px 10px !important;
          }
          .couponCopy {
            padding: 0px 35px 10px 35px !important;
            font-size: 16px !important;
            line-height: 24px !important;
          }
          .couponCTA {
            padding: 0px 0px 10px 0px !important;
          }
          .couponDisclaimer {
            padding: 5px 20px 10px 20px !important;
          }
          .couponBGColor {
            background-color: #ebe8e5 !important;
          }
          /*** navigation ***/
          .topnav {
            width: 33% !important;
          }
          .topnav-right {
            width: 33% !important;
            text-align: right !important;
          }
          .footernavcaptop {
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            border-bottom: 1px solid #4e3629 !important;
            font-size: 18px !important;
            line-height: 18px !important;
            padding: 0px 0px 5px 0px !important;
          }
          .footernav {
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            border-bottom: 1px solid #4e3629 !important;
            font-size: 18px !important;
            line-height: 18px !important;
            padding: 5px 0px 5px 0px !important;
          }
          .footernavcapbot {
            display: block !important;
            width: 100% !important;
            text-align: left !important;
            font-size: 18px !important;
            line-height: 18px !important;
            padding: 5px 0px 10px 0px !important;
          }
          .border0 {
            border: none !important;
          }
          .borderBottom {
            border-bottom: solid 1px #522c16; !important;
          }
          .borderRight {
            border-right: solid 1px #522c16; !important;
          }
          .footerPadding {
            padding-left: 20px !important;
            padding-right: 20px !important;
          }
          .mobilecontent {
            display: block !important;
            max-height: none !important;
          }
          /*** END Responsive CSS ***/
        }
    
        @media only screen and (max-width: 380px) {
          .featureB {
            width: 100% !important;
          }
          .featureWidth {
            width: 80% !important;
          }
          .fontSize20-380 {
            font-size: 22px !important;
            line-height: 26px !important;
          }
          .fontSize14-380 {
            font-size: 16px !important;
            line-height: 20px !important;
          }
        }
    
        @media only screen and (max-width: 350px) {
          .featureB {
            width: 100% !important;
          }
          .featureWidth {
            width: 90% !important;
          }
          .fontSize20-380 {
            font-size: 20px !important;
          }
          .fontSize14-380 {
            font-size: 14px !important;
          }
        }
    </style>
