<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table style="border-spacing:0;font-family: 'Lato', Helvetica,
Arial, sans-serif;background-color:#a8b3b9;" border="0"
cellspacing="0" cellpadding="0" align="left" width="100%">
<!-- START SEPARATOR --> <tbody>
<tr>
<td id="separator-1"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-size:5px;color:#ffffff;line-height:5px;mso-line-height-rule:exactly;background-color:#183c5f;">
<p
style="font-size:11px;line-height:11px;color:#dcdcdc;font-family:arial;margin-top:10px;margin-bottom:10px"
align="center"><a
href="http://www.whoi.edu/administration/development/womenindeepwaters/index3.html"><span
style="color:#ffffff;text-decoration:underline">Click
here</span></a> to view this message in your browser</p>
</td>
</tr>
<!-- END SEPARATOR -->
<!-- START HEADER --> <tr>
<td id="logo-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#183c5f;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<!-- START PREHEADER -->
<div id="preheader" style="font-family: 'Lato',
Helvetica, Arial,
sans-serif;;font-size:1px;color:#ffffff;line-height:1px;mso-line-height-rule:exactly;display:none;max-width:0px;max-height:0px;opacity:0;overflow:hidden;mso-hide:all;">
<!-- Your preheader text goes here --> </div>
<!-- END PREHEADER -->
<!--[if (gte mso 9)|(IE)]>
                                                        <table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
                                                        <tr>
                                                        <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
                                                        <![endif]-->
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;;Margin:0
auto;width:100%;max-width:600px" border="0"
cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0;padding-left:0;text-align:center;font-size:0;">
<!--[if (gte mso 9)|(IE)]>
                                                                                <table width="100%" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
                                                                                <tr>
                                                                                <td valign="top" style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
                                                                                <![endif]-->
<div id="logo"
style="width:100%;max-width:600px;display:inline-block;vertical-align:bottom;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
width="100%">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<a href="http://www.whoi.edu"><img
src="http://www.whoi.edu/administration/development/womens-cmt/emailBanner600.png"
alt="Women's Committee"></a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<!--[if (gte mso 9)|(IE)]>
                                                                                </td>
                                                                                </tr>
                                                                                </table>
                                                                                <![endif]--> </td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
                                                        </td>
                                                        </tr>
                                                        </table>
                                                        <![endif]--> </div>
</center>
</td>
</tr>
<!-- END HEADER -->
<!-- START ARTICLE 1 --> <tr>
<td id="subhead-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#183c5f;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
                                                        <table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
                                                        <tr>
                                                        <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
                                                        <![endif]-->
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;Margin:0
auto;width:100%;max-width:600px;background-color:#ffffff;"
border="0" cellspacing="0" cellpadding="0"
align="center">
<tbody>
<tr>
<td class="one-column padding-topbottom-10"
style="padding-top:10px;padding-bottom:0px;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
width="100%">
<tbody>
<tr>
<td class="padding contents"
style="width:100%;padding-top:0px;padding-bottom:0px;padding-right:20px;padding-left:20px;text-align:left;">
<img
src="http://www.whoi.edu/administration/development/womenindeepwaters/WomenInDeepWaters2.jpg"
alt="women in deep waters"
style="border-width:0;width:100%;height:auto;max-width:560px;margin-bottom:0px;"
width="560" height="456">
<p
style="Margin:0;font-size:37px;line-height:45px;Margin-top:16px;color:#000e34;text-align:center"><strong>Tuesday,
March 20, 2018<br>
7:00 – 8:30 p.m.</strong></p>
<p
style="Margin:0;font-size:20px;line-height:32px;Margin-top:16px;margin-bottom:16px;color:#1f212d;text-align:center">Redfield
Auditorium<br>
<a
href="https://goo.gl/maps/RDUue9fX2792">45
Water Street</a><br>
Woods Hole, MA 02543</p>
<p
style="Margin:0;font-size:20px;line-height:32px;Margin-top:12px;margin-bottom:16px;color:#1f212d;text-align:center"><span
style="font-size:35px">T</span>he
WHOI Women's Committee presents a
panel discussion with deep ocean
researchers who have each done ten or
more dives in WHOI’s iconic
human-occupied submersible <em>Alvin</em>
including:</p>
<ul>
<li
style="Margin-left:42px;font-size:20px;line-height:32px;Margin-top:16px;margin-bottom:0px;color:#1f212d;"><strong>Stace
Beaulieu</strong> (WHOI)</li>
<li
style="Margin-left:42px;font-size:20px;line-height:32px;Margin-top:4px;margin-bottom:0px;color:#1f212d;"><strong>Colleen
Cavanaugh</strong> (Harvard
University)</li>
<li
style="Margin-left:42px;font-size:20px;line-height:32px;Margin-top:4px;margin-bottom:0px;color:#1f212d;"><strong>Breea
Govenar</strong> (Rhode Island
College)</li>
<li
style="Margin-left:42px;font-size:20px;line-height:32px;Margin-top:4px;margin-bottom:0px;color:#1f212d;"><strong>Lauren
Mullineaux</strong> (WHOI)</li>
<li
style="Margin-left:42px;font-size:20px;line-height:32px;Margin-top:4px;margin-bottom:0px;color:#1f212d;"><strong>Meg
Tivey</strong> (WHOI)</li>
</ul>
<p
style="Margin:0;font-size:20px;line-height:32px;Margin-top:12px;margin-bottom:0px;color:#1f212d;text-align:center">
</p>
<p
style="font-size:19px;line-height:32px;Margin-top:16px;Margin-left:10px;margin-right:10px;margin-bottom:20px;color:#000e34;font-family:
'Lato', Helvetica, Arial,
sans-serif;text-align:center">Bring
your curiosity and your questions and
join the conversation!</p>
<p
style="Margin:0;font-size:20px;line-height:32px;Margin-top:16px;margin-bottom:16px;color:#1f212d;text-align:center">This
is a FREE event. All are welcome.</p>
<p
style="Margin:0;font-size:20px;line-height:32px;Margin-top:16px;margin-bottom:16px;color:#1f212d;text-align:center">For
more information,
go to <a
href="http://www.whoi.edu/womenindeepwaters">whoi.edu/womenindeepwaters</a></p>
<div align="center">
<p style="font-size: 20px;
line-height: 30px; margin-top: 20px;
margin-bottom:20px;margin-left: 0;
width: 90%; display: block;
text-decoration: none; border: 1px
solid #000e34; text-align: center;
font-weight: normal; font-family:
'Lato', Helvetica, Arial,
sans-serif; -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; padding: 8px;
color: #ffffff; background:
#366897;letter-spacing: 0.00625em;"
align="left"><a style="color:
#ffffff; text-decoration: none;"
href="http://give.whoi.edu/site/Calendar?id=101049&view=RSVP">RESERVE
YOUR SEAT</a></p>
</div>
<div style="border:2px solid
#000e34;padding:10px
20px;background:#ededed;margin:20px
20px 20px 20px" align="center">
<p
style="font-size:18px;line-height:30px;Margin-top:16px;Margin-left:0px;margin-right:0px;margin-bottom:20px;color:#000e34;font-family:
'Lato', Helvetica, Arial,
sans-serif;text-align:center"><strong
style="font-size:22px">LIVE ONLINE</strong><br>
To watch the event live online,
please join us on WHOI's Facebook
page (<a
href="http://www.facebook.com/WoodsHoleOcean"
moz-do-not-send="true">www.facebook.com/WoodsHoleOcean</a>)
or go to <a
href="http://www.whoi.edu/womenindeepwaters"
moz-do-not-send="true">whoi.edu/womenindeepwaters</a>
on Tuesday, March 20, at 7:00 p.m.</p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
                                                        </td>
                                                        </tr>
                                                        </table>
                                                        <![endif]--> </div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START ARTICLE 1 --> <tr>
<td id="subhead-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#183c5f;"
align="center">
<center class="wrapper"
style="width:100%;table-layout:fixed;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;">
<div class="webkit" style="max-width:600px;">
<!--[if (gte mso 9)|(IE)]>
                                                        <table width="600" align="center" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;font-family: 'Lato', Helvetica, Arial, sans-serif;;" >
                                                        <tr>
                                                        <td style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" >
                                                        <![endif]-->
<table class="outer"
style="border-spacing:0;font-family: 'Lato',
Helvetica, Arial, sans-serif;Margin:0
auto;width:100%;max-width:600px;background-color:#ffffff;"
border="0" cellspacing="0" cellpadding="0"
align="center">
<tbody>
<tr>
<td class="one-column padding-bottom-10"
style="padding-top:0px;padding-bottom:10px;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:
font-family: 'Lato', Helvetica, Arial,
sans-serif;" border="0" cellspacing="0"
cellpadding="0" width="100%">
<tbody>
<tr>
<td class="padding contents"
style="width:100%;padding-top:0px;padding-bottom:20px;padding-right:0px;padding-left:0px;text-align:left;">
<div align="center">
<hr style="border: 0; border-bottom:
1px dashed #ccc; background: #999;">
<p
style="color:#333;font-size:14px;line-height:20px;margin-top:25px;font-family:
'Lato', Helvetica, Arial,
sans-serif;">Copyright ©2018 <a
href="http://www.whoi.edu"
style="color:#336799;">Woods Hole
Oceanographic Institution</a>. <br>
All rights reserved. 266 Woods Hole
Road, Woods Hole, MA 02543-1050
U.S.A. </p>
<div id="social-media"
style="width:100%;max-width:240px;display:inline-block;vertical-align:bottom;align:center;margin-top:20px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;" border="0"
cellspacing="10" cellpadding="0"
width="100%">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.facebook.com/pages/Woods-Hole-Oceanographic-Institution-WHOI/56661991371"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/fb.png"
alt="Facebook"
height:"22px"=""
style="border-width:0;max-height:22px;height:22px;max-width:22px;width:22px;"
width="22px"></a> </td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://twitter.com/whoi"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/tw.png"
alt="Twitter"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a> </td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://instagram.com/woodshole_ocean/"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/IG.png"
alt="Instagram"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a> </td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://vimeo.com/whoi"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/vm.png"
alt="Vimeo"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a> </td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.youtube.com/user/WoodsHoleOceanInst"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/youtube.png"
alt="YouTube"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a> </td>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;"><a
href="https://www.linkedin.com/company/woods-hole-oceanographic-institution"><img
src="https://secure2.convio.net/whoi/images/content/pagebuilder/in.png"
alt="Linkedin"
style="border-width:0;height:22px;max-width:22px;width:22px;"
width="22"></a> </td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
                                                        </td>
                                                        </tr>
                                                        </table>
                                                        <![endif]--> </div>
</center>
</td>
</tr>
<!-- END ARTICLE 1 -->
<!-- START HERO B -->
<!-- END HERO B -->
</tbody>
</table>
<!--[if !mso]><!-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<![endif]-->
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Lato"
rel="stylesheet">
<!--[if (gte mso 9)|(IE)]>
                <style type="text/css">
                table {border-collapse: collapse !important;}
                </style>
                <![endif]-->
<style type="text/css">
                        
                        body {
                        Margin: 0;
                        padding: 0;
                        min-width: 100%;
                        background-color: #eeeeee;
                        }
                        table {
                        border-spacing: 0;
                        font-family: 'Lato', Helvetica, Arial, sans-serif;
                        }
                        td {
                        padding: 0;
                        }
                        img {
                        border: 0;
                        }
                        .wrapper {
                        width: 100%;
                        table-layout: fixed;
                        -webkit-text-size-adjust: 100%;
                        -ms-text-size-adjust: 100%;
                        }
                        .webkit {
                        max-width: 600px;
                        }
                        .outer {
                        Margin: 0 auto;
                        width: 100%;
                        max-width: 600px;
                        }
                        .contents {
                        width: 100%;
                        }
                        .center {
                        text-align: center;        
                        }
                        
                        p, h1, h2 {
                        Margin: 0;
                        }
                        h1, h2, h3 {font-weight:normal;}
                        h1 {
                        font-size: 26px;
                        line-height: 34px;
                        Margin-bottom: 16px;
                        }
                        h2 {
                        font-size: 18px;
                        line-height: 26px;
                        Margin-bottom: 18px;
                        }
                        .one-column h1,
                        .one-column h2 {
                        color: #1f212d;
                        }
                        
                        .one-column-article h1 span {
                        font-size: 22px;
                        color: #ffffff;
                        background-color: #1f212d;
                        text-transform: uppercase;
                        padding: 10px;
                        }
                        .two-column h1,
                        .two-column h2 {
                        color: #1f212d;
                        }
                        #logo h1 {
                        font-size: 26px;
                        Margin-bottom: 0px;
                        }
                        #hero-text h1,
                        #hero-text h2 {
                        color: #ffffff;
                        }
                        #cta-text h1,
                        #cta-text h2 {
                        color: #ffffff;
                        }
                        #featured-article-1-text h1,
                        #featured-article-1-text h2 {
                        color: #1f212d;
                        }
                        #featured-article-2 h1,
                        #featured-article-2 h2 {
                        color: #172d46;
                        }
                        #footer h1, #footer h2 {
                        color: #ffffff;
                        }
                        
                        p {
                        font-size: 16px;
                        line-height: 24px;
                        Margin-top: 16px;
                        }
                        .one-column p,
                        .two-column p,
                        .one-column-article,
                        #featured-article-1-text p,
                        #featured-article-2 p {
                        color: #1f212d;
                        }
                        #featured-article-1-text p {
                        color: #1f212d;
                        }
                        #hero-text p,
                        #cta-text p {
                        color: #ffffff;
                        }
                        #hero-text p {
                        Margin-bottom: 20px;        
                        }
                        #footer p {
                        font-size: 13px;
                        line-height: 20px;
                        Margin-bottom: 16px;
                        color: #ffffff;
                        }
                        
                        .italic {
                        font-style: italic;         
                        }
                        .bold {
                        font-weight: bold;
                        }
                        
                        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;
                        }
                        a {
                        color: #4A90E2;
                        text-decoration: underline;
                        }
                        #footer a {
                        color: #ffffff;
                        text-decoration: underline;
                        }
                        
                        .button-link-1,
                        .button-link-2,
                        .button-link-3,
                        .button-link-4 {
                        display: block;
                        text-decoration: none;
                        border: 0;
                        text-align: center;
                        font-weight: bold;
                        font-size: 15px;
                         font-family: 'Lato', Helvetica, Arial, sans-serif;
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px;
                        line-height: 30px;
                        }
                        .button-link-1 {
                        color: #ffffff;
                        background: #27668f;
                        border: 5px solid #6daaf1;
                        }
                        .button-link-2 {
                        color: #1f212d;
                        background: #ffffff;
                        border: 5px solid #27668f;
                        }
                        .button-link-3 {
                        color: #1f212d;
                        background: #ffffff;
                        border: 5px solid #cccccc;
                        }
                        .button-link-4 {
                        color: #1f212d;
                        background: #ffffff;
                        border: 5px solid #eeeeee;
                        }
                        .button-radius {
                        -moz-border-radius: 0px;
                        -webkit-border-radius: 0px;
                        border-radius: 0px;
                        }
                        
                        .padding-10 {
                        padding: 10px;
                        }
                        .padding-top-10 {
                        padding: 10px 0 0 0;
                        }
                        .padding-topbottom-10 {
                        padding: 10px 0 10px 0;
                        }
                        .padding-20 {
                        padding: 20px;
                        }
                        .padding-top-20 {
                        padding: 20px 0 0 0;
                        }
                        .padding-topbottom-20 {
                        padding: 20px 0 20px 0;
                        }
                        .padding-toprightleft-20 {
                        padding: 20px 20px 0 20px;
                        }
                        .padding-rightleft-20 {
                        padding: 0px 20px 0 20px;
                        }
                        .padding-toprightleft-30 {
                        padding: 30px 20px 0 20px;
                        }
                        .padding-toprightleft-35 {
                        padding: 35px 20px 0 20px;
                        }
                        
                        .two-column img,
                        .three-column img,
                        .full-width-image img,
                        #logo img,
                        #social-media img,
                        #hero-image img,
                        #cta-image img,
                        .left-sidebar img,
                        .right-sidebar img {
                        width: 100%;
                        height: auto;
                        }
                        .two-column img {
                        max-width: 260px;
                        }
                        .three-column img {
                        max-width: 160px;
                        }
                        .full-width-image img {
                        max-width: 600px;
                        }
                        #logo img {
                        max-width: 600px;
                        }
                        #social-media img {
                        max-width: 22px;
                        }
                        #hero-image img {
                        max-width: 260px;
                        }
                        #cta-image img {
                        max-width: 30px;
                        }
                        .left-sidebar img {
                        max-width: 60px;
                        }
                        .right-sidebar img {
                        max-width: 60px;
                        }
                        
                        #logo-region-back,
                        .fullwidthimage-region-back,
                        .article-back {
                        background-color: #ffffff;
                        }
                        #featured-article-1-back {
                        background-color: #eeeeee;
                        }
                        #subhead-region-back {
                        background-color: #ffffff;
                        }
                        #cta-region-back {
                        background-color: #333333;
                        }
                        #hero-region-back {
                        background-color: #27668f;
                        }
                        #featured-article-2-back {
                        background-color: #eeeeee;
                        }
                        #separator-1,
                        #separator-2,
                        #separator-3 {
                        font-size: 5px;
                        color: #ffffff;
                        line-height: 5px;
                        mso-line-height-rule: exactly;
                        }
                        #separator-1 {
                        background-color: #efefef;
                        }
                        #separator-2 {
                        background-color: #dddddd;
                        }
                        #separator-3 {
                        background-color: #0063ae;
                        }
                        .article-separator {
                        font-size: 4px;
                        color: #ffffff;
                        mso-line-height-rule: exactly;
                        line-height: 4px;
                        border-bottom: 4px solid #cccccc;
                        }
                        #footer-region-back {
                        background-color: #1f212d;
                        }
                        
                        
                        .one-column .contents,
                        .one-column-article .contents,
                        #featured-article-2-back .contents {
                        text-align: left;
                        }
                        
                        .two-column {
                        text-align: center;
                        font-size: 0;
                        }
                        .two-column .column {
                        width: 100%;
                        max-width: 300px;
                        display: inline-block;
                        vertical-align: top;
                        }
                        .two-column .contents {
                        font-size: 14px;
                        text-align: left;
                        }
                        #two-column-featured {
                        text-align: center;
                        font-size: 0;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        }
                        
                        #logo,
                        #social-media {
                        width: 100%;
                        max-width: 300px;
                        display: inline-block;
                        vertical-align: bottom;
                        }
                        
                        #hero-text,
                        #hero-image {
                        width: 100%;
                        max-width: 300px;
                        display: inline-block;
                        vertical-align: top;
                        }
                        
                        
                        #cta-text,
                        #cta-image {
                        width: 100%;
                        display: inline-block;
                        vertical-align: middle;
                        }
                        #cta-text {
                        max-width: 500px;
                        }
                        #cta-image {
                        max-width: 100px;
                        }
                        #cta-image-align {
                        text-align: center;
                        }
                        
                        #featured-article-1-image,
                        #featured-article-1-text {
                        width: 100%;
                        max-width: 300px;
                        display: inline-block;
                        vertical-align: top;
                        }
                        
                        .three-column {
                        text-align: center;
                        font-size: 0;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        }
                        .three-column .column {
                        width: 100%;
                        max-width: 200px;
                        display: inline-block;
                        vertical-align: top;
                        }
                        .three-column .contents {
                        font-size: 14px;
                        text-align: center;
                        }
                        @media screen and (max-width: 400px) {
                        .two-column .column,
                        .three-column .column {
                        max-width: 100% !important;
                        }
                        .two-column img {
                        max-width: 100% !important;
                        }
                        #social-media img {
                        max-width: 22px !important;
                        }
                        #cta-image img {
                        max-width: 30px !important;
                        }
                        .three-column img {
                        max-width: 50% !important;
                        }
                        }
                        @media screen and (min-width: 401px) and (max-width: 620px) {
                        .three-column .column {
                        max-width: 33% !important;
                        }
                        .two-column .column {
                        max-width: 50% !important;
                        }
                        }
                </style>
</body>
</html>