<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;
}

.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: 20px 20px 40px 20px !important;
}

.mobilePadding3 {
    padding: 30px 20px 0px 20px !important
}

.mobilePadding4 {
    padding: 0px 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;
}

.bgBrown2 {
    background-color: #ffffff !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/0016/0016_feat_m_a.png) !important; 
    width:100% !important; 
    padding-top:90% !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/0016/0016_feat_m_c.png) !important; 
    width:100% !important; 
    padding-top:61% !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/0016/0016_sec_m.png) !important; 
    width:100% !important; 
    padding-top:82% !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/0016/0016_feat_m_b.png)!important;
    width:100% !important; 
    padding-top:61% !important;  /* update height here */
    background-size:contain !important;
    background-position:center top !important;
    background-repeat:no-repeat !important;
    display:block !important;
}

.articleLeftImgSwap2 { /* Two Column Swap - Left Column */
    background-image:url(http://media.4at5.net/email_domains/olg/0016/0016_sec_m_V1.png)!important;
    width:100% !important; 
    padding-top:86% !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;
}

/*** Feature Styling ***/

.featurePadding {
    padding: 30px 70px 0px 70px !important;
}

.featurePadding2 {
    padding: 10px 30px 10px 30px !import05ant;
}

.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; 
}

/*** 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>