Description
body {
margin: 0;
padding: 0;
}
body, table, td, p, a, li {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a {
word-wrap: break-word;
}
p {
-webkit-margin-before:0;
}
table td {
border-collapse: collapse;
}
table {
border-spacing: 0;
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
table, td {
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
}
.ReadMsgBody {
width:100%;
background-color: #eeeeee;
}
.ExternalClass {
width: 100%;
background-color: #eeeeee;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
.ExternalClass * {
line-height: 100%;
}
@media only display and (max-width: 540px) {
.main{ width:100% !important; min-width: 200px !important; }
.logo-img{ width:100% !important; float: none; margin-bottom: 15px;}
.logo-img td { text-align: center !important;}
.logo-title { width:100% !important; float: none;}
.logo-title td { text-align: center; height: auto}
.logo-title h1 { font-size: 24px !important; }
.logo-title h2 { font-size: 18px !important; }
.header-img img { width:100% !important; height:auto !important; }
.title { padding-left: 25px !important; padding-right: 25px !important; }
.title h1 { font-size: 24px !important; }
td.block-text { padding-left: 25px !important; padding-right: 25px !important; }
.block-text h2 { font-size: 20px !important; line-height: 170% !important; }
.block-text p { font-size: 16px !important; line-height: 170% !important; }
.block-text li { font-size: 16px !important; line-height: 170% !important; }
.two-columns { padding-left: 25px !important; padding-right: 25px !important; }
.text-column { width:100% !important; float: none; margin-bottom: 15px;}
.image-caption { padding-left: 25px !important; padding-right: 25px !important; }
.image-caption-container { width:100% !important;}
.image-caption-column { width:100% !important; float: none;}
.image-caption-column-text { width:100% !important; float: none;}
.image-caption-content img { width:100% !important; height:auto !important;}
.image-caption-content h2 { font-size: 20px !important; line-height: 170% !important; }
.image-caption-content p { font-size: 16px !important; line-height: 170% !important; }
.image-caption-top-gap { height: 15px !important; }
.image-caption-bottom-gap { height: 5px !important; }
.text { width:100% !important; }
.text p { font-size: 16px !important; line-height: 170% !important; }
.text h2 { font-size: 20px !important; line-height: 170% !important; }
.gap { display:none; }
.header { padding: 25px 25px 25px 25px !important; }
.header h1 { font-size: 24px !important; }
.header h2 { font-size: 20px !important; }
.footer { padding-left: 25px !important; padding-right: 25px !important; }
.footer p { font-size: 13px !important; }
.footer-side { width: 100% !important; float: none !important; }
.footer-side { text-align: center !important; }
.social-links { text-align: center !important; }
.footer-social-icons { float: none !important; margin: 0px auto !important; }
.social-icon-link { padding: 0px 5px !important; }
.image img { width:100% !important; height:auto !important;}
.image { padding-left: 25px !important; padding-right: 25px !important; }
.image-full img { width:100% !important; height:auto !important; }
.image-full { padding-left: 0px !important; padding-right: 0px !important; }
.image-group img { width:100% !important; height:auto !important; margin: 15px 0px 15px 0px !important; }
.image-group { padding-left: 25px !important; padding-right: 25px !important; }
.image-in-table { width:100% !important; float: none; margin-bottom: 15px;}
.image-in-table td { width:100% !important; padding-right: 0px !important;}
.image-in-table img { width:100% !important; height:auto !important; }
.image-in-table desk {float: none !important; margin: 0 auto;}
.image-text { padding-left: 25px !important; padding-right: 25px !important; }
.image-text p { font-size: 16px !important; line-height: 170% !important; }
.divider-simple { padding-left: 25px !important; padding-right: 25px !important; }
.divider-full { padding-left: 0px !important; padding-right: 0px !important; }
.social { padding-left: 25px !important; padding-right: 25px !important; }
.preheader { display:none; }
.preheader-gap { display:none; }
.preheader-link { display:none; }
.preheader-text { width:100%; }
.buttons { padding-left: 25px !important; padding-right: 25px !important; }
.button { width:100% !important; float: none; }
.content-buttons { padding-left: 25px !important; padding-right: 25px !important; }
.buttons-full-width { padding-left: 15px !important; padding-right: 15px !important; }
.buttons-full-width a { padding-left: 0px !important; padding-right: 0px !important; }
.buttons-full-width span {/* width:100% !important; */padding-left: 0px !important; padding-right: 0px !important; }
.buttons-full-width td {display: inline !important}
.content { width:100% !important; float: none !important;}
.gallery-image { width:100% !important; padding: 0px !important;}
.social { width: 100%!important; text-align: center!important; }
.links { width: 100%!important; }
.links td { text-align: center!important; }
.footer-btn { text-align: center!important; width: 100%!important; margin-bottom: 10px; }
.footer-btn-wrap { margin-bottom: 0px; width: 100%!important; }
.head-social { width: 100%!important; text-align: center!important; padding-top: 20px; }
.head-logo { width: 100%!important; text-align: center!important; }
.header-nav { display: none; }
.responsive-cell {display: block;}
.image-caption {padding: 0px!important;}
.image-group { padding: 0px!important; }
.image-group-column { width:100% !important; float: none;}
.image-group-column-text { width:100% !important; float: none;}
.tableText { padding-right: 25px!important; padding-left: 25px!important;}
.textbuttonsimg {width: 65% !important; margin: 0 auto;}
}
|