/* important in CSS is used to prevent the styles of currently inline CSS from overriding the ones mentioned in media queries when corresponding screen sizes are encountered */

/* CSS Reset */

/* What it does: Remove spaces around the email design added by some email clients. */
/* Beware: It can remove the padding / margin and add a background color to the compose a reply window. */
html, body {
margin: 0 !important;
padding: 0 !important;
height: 100% !important;
width: 100% !important;}

/* What it does: Stops email clients resizing small text. */
* {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;}

/* What it does: Forces Outlook.com to display emails full width. */
.ExternalClass {width: 100%;}

/* What is does: Centers email on Android 4.4 */
div[style*="margin: 16px 0"] {margin: 0 !important;}

/* What it does: Stops Outlook from adding extra spacing to tables. */
table,  td {
mso-table-lspace: 0pt !important;
mso-table-rspace: 0pt !important;}

/* What it does: Fixes webkit padding issue. Fix for Yahoo mail table alignment bug. Applies table-layout to the first 2 tables then removes for anything nested deeper. */
table {
border-spacing: 0 !important;
border-collapse: collapse !important;
table-layout: fixed !important;
margin: 0 auto !important;}

table table table {table-layout: auto;}

/* What it does: Uses a better rendering method when resizing images in IE. */
img {
-ms-interpolation-mode: bicubic;}

/* What it does: Overrides styles added when Yahoo's auto-senses a link. */
.yshortcuts a {
border-bottom: none !important;}

/* What it does: Another work-around for iOS meddling in triggered links. */
a[x-apple-data-detectors] {
color: inherit !important;}
</style>

<!-- Progressive Enhancements -->
<style type="text/css">

/* Media Queries */
@media screen and (max-width: 600px) {

.email-container {width: 100% !important;}

/* What it does: Forces elements to resize to the full width of their container. Useful for resizing images beyond their max-width. */
.fluid, .fluid-centered {
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;}

/* And center justify these ones. */
.fluid-centered {
margin-left: auto !important;
margin-right: auto !important;}

/* What it does: Forces table cells into full-width rows. */
.stack-column, .stack-column-center {display: block !important;
width: 100% !important;
max-width: 100% !important;
direction: ltr !important;}

/* And center justify these ones. */
.stack-column-center {text-align: center !important;}

/* What it does: Generic utility class for centering. Useful for images, buttons, and nested tables. */
.center-on-narrow {text-align: center !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
float: none !important;}

table.center-on-narrow {display: inline-block !important;}

}

a {color: #e21833;}



.intro {text-align: center; color: #000; font-family: Palatino, Times; font-size: 16px; letter-spacing: 1px; border: 0px; margin-top: 0px; padding-top: 0px;}
.intro2 {text-align: center; color: #000; font-family: Palatino, Times; font-size: 16px; letter-spacing: 1px; border: 0px; margin-top: 24px; padding-top: 0px;}

.ahearn {text-align: center; color: #e21833; text-transform: uppercase; font-family: Palatino, Times; font-size: 36px; line-height: 42px; letter-spacing: 1px; padding: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 12px; padding: 0px;}

.lectitle {margin-left: auto; margin-right: auto; font-size: 26px; line-height: 36px; font-family: Palatino, Times; text-align: center; margin-bottom: 12px; margin-top: 12px; padding-top: 0px;}

.date {font-size: 20px; font-family: Palatino, Times;}

.info {text-align: left;
font-size: 16px;
font-family: Palatino, Times;
line-height: 22px;}

.info2 {text-align: center;
font-size: 16px;
font-family: Palatino, Times;
line-height: 22px;}

.name2 {font-size: 24px; text-transform: uppercase; font-family: Palatino, Times; font-weight: bold; color: #808080;}

</style>