SOLVED
I am currently facing an issue with an email template design for all mac recipients who are receiving emails in their outlook app.
Issue Statement: The email template has modules with 2 columns. One for image and the other for copy(text). For all PC users and mac users (outlook browser – mail.outlook.com), the email design looks good.
Whereas for mac users with outlook app, here are the 2 issues we are seeing:
- The images are showing on the left instead of right (which is how it should display)
- The text copy are all left aligned (text wrapped below the image) and are showing at below the image for each module.
Here is a screenshot:
These 2 issues are being displayed only for modules which have image. And not for the modules with only text.
Here are some of the remediation steps we took to resolve:
- We took the OOTB Template Picker, “Newsletter” > “Flatiron” and tested in mac outlook app, it shows the same issue for mac recipients. The template width size is 600.
- Based on the Marketo Nation Community , we also updated the width to 750 (The Template Pickers have width=600) and added the following partition size for the columns:
750 - 10px - 20px = 720px / 2 = 360px per column
Here is a screenshot of how it displays correctly for all recipients who are using PC as well viewing the email from their browser (outlook.mail.com).
The image is on the right and the copy is on the left.
Can someone assist me or connect me to a contact who can provide with a resolution for a mac user. Is this a bug? Or is there a separate code that we need to include for the mac recipients?
1 ACCEPTED SOLUTION
Accepted Solutions
@Dave_Roberts Appreciate your response! I tried to add the recommended code to a table in dreamweaver, and it looks to break the table code?
Here is the full code of the email I'm working on:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" style="width: 100%;">
<head>
<!-- Marketo Variable Definitions -->
<meta class="mktoColor" id="emailBackgroundColor" mktoname="Email Background Color" default="#000000" mktomodulescope="false" />
<meta class="mktoColor" id="header2BackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" />
<meta class="mktoNumber" id="header2Spacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="header2Spacer2" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="header2Spacer3" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="header2BorderColor" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="header2BorderSize" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="header2Spacer4" mktoname="Bottom Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="facebookLink" mktoname="Facebook Icon Left Link" default="https://www.facebook.com/USGCORP/" mktomodulescope="true" />
<meta class="mktoString" id="twitterLink" mktoname="Twitter Icon Left Link" default="https://twitter.com/usgcorp" mktomodulescope="true" />
<meta class="mktoString" id="linkedinLink" mktoname="Linkedin Icon Left Link" default="https://www.linkedin.com/company/usgcorp/" mktomodulescope="true" />
<meta class="mktoString" id="youtubeLink" mktoname="Youtube Icon Link" default="https://www.youtube.com/channel/UCjFGEkkPLFCDqT-iK1zsvgg" mktomodulescope="true" />
<meta class="mktoString" id="instagramLink" mktoname="Instagram Icon Link" default="https://www.instagram.com/usgcorp/" mktomodulescope="true" />
<meta class="mktoString" id="header2LinkText" mktoname="Nav Link 1" default="Link" mktomodulescope="true" />
<meta class="mktoString" id="header2LinkText2" mktoname="Nav Link 2" default="Link" mktomodulescope="true" />
<meta class="mktoString" id="header2LinkText3" mktoname="Nav Link 3" default="Link" mktomodulescope="true" />
<meta class="mktoString" id="navLink1" mktoname="Nav Link 1" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="navLink2" mktoname="Nav Link 2" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="navLink3" mktoname="Nav Link 3" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="header2Link7" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="header2Link8" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoImg" id="hero2BackgroundImage" mktoname="Background Image" default="https://na-ab12.marketo.com/rs/273-PUJ-314/images/hero.png" mktomodulescope="true" />
<meta class="mktoColor" id="hero2BackgroundColor" mktoname="Module Background" default="#C41230" mktomodulescope="true" />
<meta class="mktoColor" id="hero2ButtonBackgroundColor" mktoname="Button Background Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoColor" id="hero2BorderColor" mktoname="Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="hero2BorderSize" mktoname="Button Border Width" default="2" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="heroLinkText" mktoname="Hero Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="heroLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="heroLinkText00" mktoname="Hero Button Text ALT" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="heroLink00" mktoname="Button Link ALT" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="heroBottomLinkText" mktoname="Hero Bottom Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="heroBottomLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="hero2LinkText" mktoname="Button Text" default="VISIT SHOP" mktomodulescope="true" />
<meta class="mktoString" id="hero2Link" mktoname="Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="title3BackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" />
<meta class="mktoColor" id="titleBottomBackgroundColor" mktoname="Module Background" default="#000000" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-left-link-text-1" mktoname="Left Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-left-link-1" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-right-link-text-1" mktoname="Right Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-right-link-1" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-left-link-text-2" mktoname="Left Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-left-link-2" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-right-link-text-2" mktoname="Right Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="alt-img-right-link-2" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="threeProductsBorderColor" mktoname="Left Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="threeProductsBorderSize" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeProductsBorderColor2" mktoname="Center Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="threeProductsBorderSize2" mktoname="Center Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="threeProductsBorderColor3" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="threeProductsBorderSize3" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLinkText" mktoname="Left Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLink" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLinkText2" mktoname="Center Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLink2" mktoname="Center Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLinkText3" mktoname="Right Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="threeProductsLink3" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="freeImageBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoColor" id="freeTextBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="freeTextSpacer" mktoname="Top Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="freeTextSpacer2" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionBackgroundColor" mktoname="Module Background" default="#979A9B" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionButtonBackgroundColor" mktoname="Button Background Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoColor" id="callToActionBorderColor" mktoname="Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionBorderSize" mktoname="Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="callToActionSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="callToActionLinkText" mktoname="Button Text" default="CALL TO ACTION" mktomodulescope="true" />
<meta class="mktoString" id="callToActionLink" mktoname="Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="blankSpaceBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="blankSpaceSpacer" mktoname="Top Spacer" default="50" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="title3BackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoColor" id="twoProductsBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoColor" id="twoProductsButtonBackgroundColor" mktoname="Left Button Background Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoColor" id="twoProductsBorderColor" mktoname="Left Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="twoProductsBorderSize" mktoname="Left Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="twoProductsBorderColor2" mktoname="Right Button Border Color" default="#C41230" mktomodulescope="true" />
<meta class="mktoNumber" id="twoProductsBorderSize2" mktoname="Right Button Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="twoProductsLinkText" mktoname="Left Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="twoProductsLink" mktoname="Left Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="twoProductsLinkText2" mktoname="Right Button Text" default="Read More" mktomodulescope="true" />
<meta class="mktoString" id="twoProductsLink2" mktoname="Right Button Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="title3BackgroundColor3" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="title3Spacer7" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="title3Spacer8" mktoname="Spacer Below Pre-title" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="title3Spacer9" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="featuresBackgroundColor" mktoname="Module Background" default="#f4f4f4" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer2" mktoname="Spacer Below Left Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer3" mktoname="Spacer Below Left Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer4" mktoname="Spacer Below Center Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer5" mktoname="Spacer Below Center Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer6" mktoname="Spacer Below Right Image" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer7" mktoname="Spacer Below Right Title" default="15" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="featuresSpacer8" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="clientsBackgroundColor" mktoname="Borders" default="#f6f6f6" mktomodulescope="true" />
<meta class="mktoColor" id="clientsBackgroundColor2" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoString" id="clientsLink" mktoname="Partner 1 Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="clientsLink2" mktoname="Partner 2 Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="clientsLink3" mktoname="Partner 3 Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="clientsLink4" mktoname="Partner 4 Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoNumber" id="clientsSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="clientsSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="clientsSpacer3" mktoname="Bottom Spacer" default="20" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="clientsBackgroundColor3" mktoname="Borders" default="#f6f6f6" mktomodulescope="true" />
<meta class="mktoColor" id="separatorBackgroundColor" mktoname="Module Background" default="#ffffff" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSpacer" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="separatorColor" mktoname="Separator Color" default="#ebebeb" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSize" mktoname="Separator Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="separatorSpacer2" mktoname="Top Spacer" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoColor" id="contactsBackgroundColor" mktoname="Module Background" default="#54585A" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer2" mktoname="Spacer Below Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer3" mktoname="Spacer Below Subtitle" default="60" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer4" mktoname="Spacer Below Left Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer6" mktoname="Spacer Below Right Data Title" default="10" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="contactsSpacer7" mktoname="Bottom Spacer" default="60" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="contactsLinkText" mktoname="Center Link Text" default="person@marketo.com" mktomodulescope="true" />
<meta class="mktoString" id="contactsLink" mktoname="Center Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoString" id="contactsLinkText2" mktoname="Center Link Text" default="person@marketo.com" mktomodulescope="true" />
<meta class="mktoString" id="contactsLink2" mktoname="Center Link" default="https://mylink" mktomodulescope="true" />
<meta class="mktoColor" id="footerBackgroundColor" mktoname="Module Background" default="#54585A" mktomodulescope="true" />
<meta class="mktoColor" id="footerBorderColor" mktoname="Separator Border Color" default="#e6e6e6" mktomodulescope="true" />
<meta class="mktoNumber" id="footerBorderSize" mktoname="Separator Border Width" default="1" min="0" max="20" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="footerSpacer" mktoname="Top Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoNumber" id="footerSpacer2" mktoname="Bottom Spacer" default="40" min="1" max="300" units="px" step="1" mktomodulescope="true" />
<meta class="mktoString" id="unsubLink" mktoname="Unsubscribe Link" default="https://info.usg.com/email-preference-center.html" mktomodulescope="true" />
<meta class="mktoString" id="update-pref" mktoname="Update Preferences" default="https://info.usg.com/email-preference-center.html" mktomodulescope="true" />
<!-- Other Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
<meta name="robots" content="noindex,nofollow" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,600" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,600" rel="stylesheet" type="text/css" />
<!--[if mso]>
<style type='text/css'>
.primary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<!--[if mso]>
<style type='text/css'>
.secondary-font {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->
<style>
/*startcommon*/
@media only screen and (max-width: 600px) {
table.m_boxing{
width: 100% !important;
}
}
/*endcommon*/
</style>
<style media="all">
/* CLIENT-SPECIFIC STYLES */
#outlook a {
padding: 0;
}
/* Force Outlook to provide a "view in browser" message */
.ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
/* Force Hotmail to display emails at full width */
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
/* Force Hotmail to display normal line spacing */
/* iOS BLUE LINKS */
.appleBody a {
color: .m_000;
text-decoration: none;
}
.appleFooter a {
color: .m_000;
text-decoration: none;
}
@-ms-viewport {
width: device-width;
}
</style>
<style media="all">
@media only screen and (max-width: 640px) {
/*starttablet*/
.mktoVideoThumbnail{
width: 100% !important;
height: auto!important;
max-height:inherit!important;
min-height:inherit!important;
}
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 86% !important;
}
table.table1-2{
width: 47% !important;
clear: both;
}
table.table1-3{
width: 29.4% !important;
}
table.table1-4{
width: 100% !important;
text-align: left !important;
}
table.table2-3{
width: 64% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 10% !important;
text-align: right !important;
}
td.outer{
min-width: 0 !important;
}
td.stack{
padding-bottom: 40px !important;
}
.stack-tablet {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
mso-hide: none !important;
display: block !important;
}
img.mobile-img{
width: 100% !important;
height: auto !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-tablet{
display: none !important;
}
table.footer-column{
width: 47% !important;
text-align: left !important;
}
.m_header td.center-tablet img {
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
.m_header td a {
margin-top: 0px !important;
}
.m_header .social {
text-align: center !important;
}
.m_subhead .text {
text-align: center !important;
}
.m_team .spacer {
width: 26px;
}
.m_two-articles .table1-2 {
width: 100% !important;
}
.m_two-articles img {
width: 100% !important;
height: auto;
}
.m_two-articles .stack-tablet {
height: 40px;
}
.m_photo-l .table1-3,
.m_photo-r .table1-3 {
width: 100% !important;
clear: both;
}
.m_photo-l .table2-3,
.m_photo-r .table2-3 {
width: 100% !important;
clear: both;
}
.m_photo-l img,
.m_photo-r img {
width: 100% !important;
height: auto;
}
.m_contacts .table1-3 {
width: 100% !important;
clear: both;
}
.m_footer .table1-2 {
width: 100% !important;
clear: both;
}
.m_footer .text,
.m_footer .unsub {
text-align: center !important;
}
.m_header2 .social {
text-align: center !important;
}
.m_header2 .table1-3 {
width: 100% !important;
clear: both;
}
.m_header2 .cta table {
float: none !important;
margin-top: 0 !important;
margin-right: auto !important;
margin-bottom: 0 !important;
margin-left: auto !important;
}
.m_half .table600,
.m_half2 .table600 {
width: 100% !important;
}
.m_half .table1-2,
.m_half2 .table1-2 {
width: 100% !important;
}
.m_half .inner,
.m_half2 .inner {
padding-top: 60px !important;
padding-right: 60px !important;
padding-bottom: 60px !important;
padding-left: 60px !important;
}
.m_three-products .spacer,
.m_three-products2 .spacer,
.m_features .spacer {
width: 26px;
}
.m_three-products img,
.m_three-products2 img {
width: 100% !important;
height: auto !important;
}
.m_hero2 .background {
background-size: cover !important;
}
.m_two-products .table1-2 {
width: 100% !important;
}
.m_two-products img {
width: 450px !important;
height: auto !important;
}
.m_two-products .stack-tablet {
padding-bottom: 60px;
}
.m_coupon td {
text-align: center !important;
}
.m_clients .padding-y {
padding-top: 0;
padding-right: 0;
padding-bottom: 20px;
padding-left: 0;
}
.m_clients a {
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.m_features2 .spacer {
width: 26px;
}
.m_devices .table1-2,
.m_mainfeature .table1-2,
.m_two-articles2 .table1-2 {
width: 100% !important;
clear: both;
}
.m_mainfeature .photo img {
width: 100% !important;
}
.m_mainfeature .full-width {
width: 360px !important;
}
/*endtablet*/
}
@media only screen and (max-width: 479px) {
/*startmobile*/
body {
width: auto !important;
}
table.table600{
width: 450px !important;
}
table.table-inner{
width: 80% !important;
float: none !important;
}
table.table1-2{
width: 47% !important;
clear: none;
}
table.table1-3{
width: 100% !important;
clear: both;
}
table.table1-4{
width: 100% !important;
text-align: center !important;
}
table.table2-3{
width: 100% !important;
text-align: center !important;
}
table.table3-3{
width: 100% !important;
text-align: center !important;
clear: both;
}
table.footer-logo{
width: 60% !important;
text-align: left !important;
}
td.outer{
min-width: 0 !important;
}
td.td3-1{
width: 60% !important;
text-align: center !important;
}
.stack-smartphone {
padding-bottom: 20px !important;
overflow: visible !important;
float: none !important;
display: block !important;
mso-hide: none !important;
}
td.center-smartphone{
text-align: center !important;
}
img.mobile-img{
width: 100% !important;
}
td.center-tablet{
text-align: center !important;
}
td.hide-smartphone{
display: none !important;
}
table.footer-column{
width: 100% !important;
text-align: center !important;
}
.m_header .social {
text-align: center !important;
}
.m_header td.center-tablet img {
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
.m_header td a {
margin-top: 0px !important;
}
.m_half .table600,
.m_half2 .table600 {
width: 100% !important;
}
.m_half .table1-2,
.m_half2 .table1-2 {
width: 100% !important;
}
.m_half .inner,
.m_half2 .inner {
padding-top: 0 !important;
padding-right: 40px !important;
padding-bottom: 40px !important;
padding-left: 40px !important;
}
.m_three-products img,
.m_three-products2 img {
width: 100% !important;
height: auto !important;
}
.m_hero2 .background {
background-size: cover !important;
}
.m_coupon td {
text-align: center !important;
}
.m_clients a {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
.m_mainfeature .full-width {
width: 215px !important;
}
/*endmobile*/
}
.float-left { float: left;}
</style>
</head>
<body style="background-color: #000000;margin-bottom: 0; -webkit-text-size-adjust: 100%; padding-bottom: 0; min-width: 100%; margin-top: 0; margin-right: 0; -ms-text-size-adjust: 100%; margin-left: 0; padding-top: 0; padding-right: 0; padding-left: 0; width: 100%;">
<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">
</div>
<!-- Outer table START -->
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;">
<tbody>
<tr>
<td class="outer" valign="top" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse; background-color:#000000;">
<table width="100%" align="center" id="boxing" border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" class="m_boxing">
<tbody>
<tr>
<td class="mktoContainer boxedbackground" id="template-wrapper" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table id="header2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_header2" mktoname="Header2">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${header2Spacer};font-size:${header2Spacer};" height="${header2Spacer}"> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="table1-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="179" >
<tbody>
<tr>
<td style="text-align: left;padding-left:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center">
<div style="display:inline-block" class="mktoImg" mktoname="Logo" id="logo" mktolockimgsize="true" mktolockimgstyle="false">
<a><img src="https://info.usg.com/rs/845-WGC-140/images/logo-white.png" style="text-align: left;-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: 95; height: auto; max-width: 100%; display: block; line-height: 100%;" width="95" /></a>
</div> </td>
</tr>
</tbody>
</table>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="1">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" height="20" width="100%"></td>
</tr>
</tbody>
</table>
<table class="table2-3" style="margin-top:30px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="320">
<tbody>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td> <a href="${navLink1}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif; color:#54585A;">${header2LinkText}</a> </td>
</tr>
</tbody>
</table> </td>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td> <a href="${navLink2}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif; color:#54585A;">${header2LinkText2}</a> </td>
</tr>
</tbody>
</table> </td>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: right; border-collapse: collapse;" align="center">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td> <a href="${navLink3}" target="_blank" class="primary-font button" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif;color: #54585A;">${header2LinkText3}</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:${header2Spacer4};font-size:${header2Spacer4};" height="${header2Spacer4}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="rule22382552b-a03e-4e82-a107-bfbac2b70c36" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;background-color:#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule2-1">
<tbody>
<tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;">
<td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0; background-color:#000000;" bgcolor="#000000;" valign="middle">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<div style="border-bottom: 1px solid #D8D8D8;margin-bottom:20px;height:0px;">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="titleBottom2c8fae7ce-e303-42a9-a136-114244fdb6d4" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="TitleBottom2">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<center>
<table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;color: #54585A;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="Herotitled32c4517-3ba5-4cb9-b58c-193b4f3b5022">
<div style="text-align: left;">
<span style="font-size: 18px; color: #ffffff;">GLOW™</span>
</div>
<div style="text-align: left;">
<span style="color: #ffffff;"><span style="font-size: 20px;"></span> <span style="font-size: 30px;"><a href="https://{{my.link}}" target="_blank" style="text-decoration: none; color: #ffffff;">INVITE LIGHT SEAMLESSLY</a></span></span>
</div>
<div>
<span style="font-size: 30px; color: #ffffff;"> </span>
<br />
</div>
<div style="text-align: right;">
<span style="font-size: 18px; color: #ffffff;">CAPTIVATING LIGHTING</span>
</div>
<div style="text-align: right;">
<span style="font-size: 18px; color: #ffffff;">COMPLETE INTEGRATION</span>
</div>
</div></td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="5"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="free-image-heroac1c5df6-f1a6-424c-b563-8e26aba87760" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image-hero" mktoname="Free-Image-Hero">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photoHero318b88f1-8b08-42a0-8421-2d5c33853197" mktolockimgsize="true" mktolockimgstyle="false">
<a href="${heroLink}" target="_blank"> <img alt="glow.876.657 copy.png" src="https://info.usg.com/rs/845-WGC-140/images/glow.876.657 copy.png" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 600;" width="600" /></a>
</div>
</center> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="rule3" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;background-color:#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule3">
<tbody>
<tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;">
<td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0; background-color:#000000;" bgcolor="#000000;" valign="middle">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<div style="border-bottom: 1px solid #000000;margin-bottom:20px;height:0px;">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="titleBottom3441a0f1f-959d-4c2b-b2ec-111e9dba95f2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="TitleBottom3">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<center>
<table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;color: #666666;border-collapse: collapse;">
<div class="mktoText" mktoname="Hero Text 3" id="Herotext39c866e22-f60f-4240-8920-a2010990fe70">
<div style="text-align: center;">
<span style="color: #ffffff;">Meet Glow™—a product enhancer for USG's specialty perforated panel ceiling systems. This all-in-one lighting solution fully integrates backlit illumination helping save valuable time and resources—from specification to installation.</span>
</div>
</div></td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"> </td>
</tr>
<tr>
<td class="cta" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<center>
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="width:275px;height:40px;background-color: #f3f4f4;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none;hyphens: none; mso-table-lspace: 0pt; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; text-align: center;border-collapse: collapse;" align="center"> <a href="${heroLink00}" target="_blank" class="primary-font btn" style="text-transform: uppercase;color: #000000;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-background-clip: padding-box;font-size: 12px;font-family:Arial, sans-serif;font-weight:bold;display: inline-block;-moz-background-clip: padding;text-decoration:none;"> ${heroLinkText00} </a> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="40"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="rule1879405ea-9af9-4ded-a9ee-450f97a838c5" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule1">
<tbody>
<tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;">
<td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0;background-color:#000000;" bgcolor="#000000;" valign="middle">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<div style="border-bottom: 1px solid #D8D8D8;margin-bottom:40px;height:0px;">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="two-products-1d5b7fc52-a76c-4f48-b341-5ba1979d79da" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_two-products" mktoname="Two-products">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" valign="top">
<center>
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td style="padding-top:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="left" border="0" cellpadding="0" cellspacing="0" width="240" style="float:left;">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 100%;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Article Name" id="articleName19b068063-eba8-43b1-bc3b-0e3ea08218f1">
<div style="text-align: center;">
<span style="color: #ffffff;"></span>
<span style="color: #ffffff;"><span style="color: #ffffff;">ILLUSIONS® </span></span>
</div>
<div style="text-align: center;">
<span style="color: #ffffff;"><span style="color: #ffffff;">+ GLOW™</span></span>
</div>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<div id="two-products-1-img4d8bf32f-789f-467a-9f5c-b7ddc7faa903" style="display:inline-block" class="mktoImg" mktoname="Product" mktolockimgsize="true" mktolockimgstyle="false">
<a href="${twoProductsLink}" target="_blank"> <img alt="illusions glow_280.315.jpg" src="https://info.usg.com/rs/845-WGC-140/images/illusions glow_280.315.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; height: auto; width: 240px; display: inline-block;" height="auto" width="240" /> </a>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;l" height="20"></td>
</tr>
<tr>
<td class="secondary-font discount" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-weight: normal;font-size: 16px;line-height:22px;border-collapse: collapse;">
<div class="mktoText" mktoname="Left Large Copy" id="left-large-Copy-112824415-cbbf-4476-aecc-5bc556c9618c">
<div style="text-align: center;">
<span style="color: #ffffff;">Integrate best-in-class lighting into USG’s high-end custom Illusions Ceilings Plus® solution. Static white and color tunable lighting features allow architects and lighting designers to create a truly unique ambiance.</span>
</div>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="30"></td>
</tr>
</tbody>
</table> </td>
</tr>
<tr class="stack-tablet" style="max-height:0px;overflow:hidden;padding-left: 0; overflow: hidden; margin-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; float: left; margin-top: 0; margin-right: 0; margin-bottom: 0; mso-hide: all; display: none;">
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;"> </td>
</tr>
</tbody>
</table>
<table class="table1-2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="right" border="0" cellpadding="0" cellspacing="0" width="240">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; width: 100%;" align="center" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="primary-font name" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;border-collapse: collapse;">
<div id="two-products-2-title828aee6b-5341-418d-8fdf-cfc7958ef4d7" class="mktoText" mktoname="Right Title">
<div style="text-align: center;">
<span style="color: #ffffff;">DESIGN SOLUTIONS ILLUSIONS® </span>
<span style="color: #ffffff;">+ GLOW™</span>
</div>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<div style="display:inline-block" class="mktoImg" mktoname="Product" id="product5aa3683d1-7148-44e5-b2ab-58618cfd07cc" mktolockimgsize="true" mktolockimgstyle="false">
<a href="${twoProductsLink2}" target="_blank"> <img alt="design solutions illusions glow_280.315.jpg" src="https://info.usg.com/rs/845-WGC-140/images/design solutions illusions glow_280.315.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; max-width: 100%; line-height: 100%; height: auto; width: 240px; display: inline-block;" height="auto" width="240" /> </a>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td class="secondary-font discount" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: left;color: #54585A;font-family:Arial, sans-serif;font-weight: normal;font-size: 16px;line-height:22px;border-collapse: collapse;">
<div id="two-products-2-body50d3977b-5553-4b69-9129-43022bfaa1a1" class="mktoText" mktoname="Left Large Copy">
<div style="text-align: center;">
<span style="color: #ffffff;">This easy-to-specify, turnkey system allows you to choose from a variety of finishes and perforation options with built-in LED lighting—all without the custom design price and lead time.</span>
</div>
</div> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="15"></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:0;font-size:0;" height="40"> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table>
<table id="free-image-herocf3f7564-4b09-4382-99ca-13ba45709af3" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_free-image-hero" mktoname="Free-Image-Hero-1">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<div style="display:inline-block" class="mktoImg" mktoname="Photo" id="photoHerod3787256-3b08-4707-a6d4-540b672548dc" mktolockimgsize="true" mktolockimgstyle="false">
<a href="${heroLink}" target="_blank"> <img alt="glow close up.818.381.jpg" src="https://info.usg.com/rs/845-WGC-140/images/glow close up.818.381.jpg" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; display: block; max-width: 100%; line-height: 100%; height: auto; width: 600;" width="600" /></a>
</div>
</center> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="CTA-Bannere2c01c9d-0ecf-4cec-bc22-d89ee1baa336" style="background-color:#000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="CTA Banner">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"></td>
</tr>
<tr>
<td style="padding: 0px 30px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<center>
<table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;font-size: 16px;line-height: 22px;color: #ffffff;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="CTA-Title468d0774-8126-4be5-b603-84354b9da0d7">
<p>Glow™ helps you take the guesswork out of specifying ceiling and lighting separately and reduces overall coordination and installation time. USG offers full support and service for Glow™, from custom engineering to photometry and lighting design.</p>
<p> </p>
<p><span style="text-decoration: underline;"><a href="https://{{my.link}}" target="_blank" style="color: #ffffff; text-decoration: underline;">USG.COM/GLOW</a></span></p>
</div></td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="20"> </td>
</tr>
</tbody>
</table> </td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" height="40"> </td>
</tr>
</tbody>
</table>
<table id="rule19f1c5f0e-d5df-4e92-8d9f-efd01d396a0d" style="background:#ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule" mktoname="Rule1-clone">
<tbody>
<tr style="vertical-align: middle; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;">
<td style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens:none;hyphens: none;-ms-text-size-adjust: 100%;margin-left: auto;vertical-align: middle;margin-top: 0;margin-right: auto;margin-bottom: 0;background-color:#000000;" bgcolor="#000000;" valign="middle">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td>
<div style="border-bottom: 1px solid #D8D8D8;margin-bottom:40px;height:0px;">
</div> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="upperfooter" style="background-color:#000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_title3" mktoname="Upper Footer">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="background-color: #000000;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="10"></td>
</tr>
<tr>
<td style="padding: 0px 10px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;">
<center>
<table class="table3-3" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" border="0" cellpadding="0" cellspacing="0" width="504">
<tbody>
<tr>
<td class="primary-font title" style="hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;-ms-text-size-adjust: 100%;text-align: center;font-family:Arial, sans-serif;font-size: 12px;line-height: 18px;color: #ffffff;border-collapse: collapse;">
<div class="mktoText" mktoname="Title" id="UpperFooter">
<p>This email is a {{my.emailtype}} update. To change the communications you receive, you can <span style="text-decoration: underline;"><strong><a href="https://info.usg.com/email-preference-center.html" target="_blank" style="color: #ffffff; text-decoration: underline;">update your preferences</a></strong></span>.</p>
</div></td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
<tr>
<!-- Spacer -->
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;text-align: center;border-collapse: collapse;" height="10"></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="footer" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_top-footer" mktoname="Top Footer">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse; background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:12px;font-size:30px;" height="15"> </td>
</tr>
<tr>
<td style="padding-bottom: 10px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;" align="center">
<div style="display:inline-block" class="mktoImg" mktoname="Logo" id="logo2" mktolockimgstyle="false">
<a><img src="https://info.usg.com/rs/845-WGC-140/images/usg-logo-white.png" alt="Logo" style="-ms-interpolation-mode: bicubic; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; border-top-width: 0; width: 200; height: auto; max-width: 100%; display: block; line-height: 100%;" width="200" /></a>
</div> </td>
</tr>
<!--Social area -->
<tr>
<td id="social" class="social" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; text-align: center; border-collapse: collapse;" align="center"> <a href="${facebookLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"> <img alt="Facebook Icon" src="https://info.usg.com/rs/845-WGC-140/images//facebook-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none; -ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;display: inline-block; width: 10px;" width="10" /></a>
<!--[if gte mso 9]> <![endif]--> <a href="${linkedinLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Linkedin Icon" src="https://info.usg.com/rs/845-WGC-140/images/linkedin-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
-ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a>
<!--[if gte mso 9]> <![endif]--> <a href="${youtubeLink}" style="width: 20px;margin-right:20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Youtube Icon" src="https://info.usg.com/rs/845-WGC-140/images/youtube-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
-ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a>
<!--[if gte mso 9]> <![endif]--> <a href="${instagramLink}" style="width: 20px;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-decoration: none;"><img alt="Instagram Icon" src="https://info.usg.com/rs/845-WGC-140/images/instagram-wht.png" style="height: auto; outline: none; border-right-width: 0; border-bottom-width: 0; border-left-width: 0; text-decoration: none;
-ms-interpolation-mode: bicubic; line-height: 100%; border-top-width: 0; max-width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; display: inline-block; width: 20px;" width="20" /></a> </td>
</tr>
<!--END Social Area -->
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<center>
<table class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="260px">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="contents" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;line-height:15px;font-size:15px;" height="15px"> </td>
</tr>
<tr>
<td class="secondary-font unsub" style="-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;-ms-text-size-adjust: 100%;padding-left: 10px;font-family:Arial, sans-serif;line-height: 20px;text-align: center;color: #ffffff;padding-top: 0;padding-right: 10px;padding-bottom: 15px;font-size: 12px;border-collapse: collapse;"> <a href="https://info.usg.com/email-preference-center.html" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;color: #B2B2B2;padding-bottom: 5px;font-family:Arial, sans-serif;" class="secondary-font">Unsubscribe</a> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
</center> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table id="footer1" style="background-color: #ffffff;-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="mktoModule m_footer" mktoname="Footer">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse; background-color:#000000;" bgcolor="#000000;" valign="top">
<table class="table600" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">
<table class="" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto;background-color:#000000;" bgcolor="#000000" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;max-width: 600px" bgcolor="#000000" height="20" width="600"> </td>
</tr>
<tr>
<td class="secondary-font text" style="-moz-hyphens: none;-webkit-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-ms-text-size-adjust: 100%;hyphens: none;color: #B2B2B2;font-size: 12px;font-family:Arial, sans-serif;text-align: center;border-collapse: collapse;">
<div class="mktoText" mktoname="Copyright" id="footer-copyright">
550 West Adams Street Chicago, IL 60661 ©2022 | All rights reserved.
</div></td>
</tr>
<tr>
<td style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;background-color:#000000;max-width: 600px" bgcolor="#000000" height="20" width="600"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<!-- Outer Table END -->
</body>
</html>
.png)