<!--WEB FONTS-->
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <style type="text/css">
        <!-- Gotham + Open Sans--> .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 **/
        
        td.hoverCTA:hover {
            background-color: #ffffff !important;
            border: solid 2px #a2b627 !important;
            color: #a2b627 !important;
            transition: ease .3s;
            -moz-transition: ease .3s;
        }
        td.hoverCTA:hover a {
            background-color: #ffffff !important;
            color: #a2b627 !important;
            transition: ease .5s;
            -moz-transition: ease .5s;
        }
        td.hoverCTA2:hover {
            background-color: #a2b627 !important;
            border: solid 2px #a2b627 !important;
            color: #ffffff !important;
            transition: ease .3s;
            -moz-transition: ease .3s;
        }
        td.hoverCTA2:hover a {
            background-color: #a2b627 !important;
            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;
            }
            .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;
            }
            .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;
            }
            .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/9047/9047_feat_m.png) !important;
                width: 100% !important;
                padding-top: 167.4% !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;
            }
            .articleRightImgSwap {
                /* Two Column Swap - Left Column */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/mobile_07.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;
            }
            .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;
            }
            .pinterestImgSwap1 {
                /* Pinterest Image Swap - Item 1 - Top left */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_01.png)!important;
                width: 100% !important;
                padding-top: 68% !important;
                /* update height here */
                
                background-size: contain !important;
                background-position: center top !important;
                background-repeat: no-repeat !important;
                display: block !important;
            }
            .pinterestImgSwap2 {
                /* Pinterest Image Swap - Item 2 - Bottom left */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_02.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;
            }
            .pinterestImgSwap3 {
                /* Pinterest Image Swap - Item 3 - Top right */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_03.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;
            }
            .pinterestImgSwap4 {
                /* Pinterest Image Swap - Item 4 - Bottom right */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/pinterest_mobile_04.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;
            }
            .bottomNav {
                /* Bottom Nav Philosophy Image */
                
                background-image: url(http://media.4at5.net/email_domains/olg/template/footer_philosophy_mobile_02.png)!important;
                width: 100% !important;
                padding-top: 20% !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;
            }
            /*** Feature Styling ***/
            
            .featurePadding {
                padding: 20px 30px 20px 30px !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 10px 20px 10px !important;
            }
            .couponHeadline {
                font-size: 34px !important;
                padding: 10px 10px 0px 10px !important;
                line-height: 38px !important;
            }
            .couponHeadline2 {
                font-size: 34px !important;
                padding: 0px 10px 20px 10px !important;
                line-height: 38px !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: 10px 20px 0px 20px !important;
            }
            .couponBGColor {
                background-color: #ffffff !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;
            }
            /*** END Responsive CSS ***/
        }
        @media only screen and (max-width: 380px) {
            .featureB {
                width: 100% !important;
            }
            .featureWidth {
                width: 80% !important;
            }
            .fontSize20-380 {
                font-size: 22px !important;
            }
            .fontSize14-380 {
                font-size: 16px !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>