<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:#6e7376;" align="left"
width="100%" cellspacing="0" cellpadding="0" border="0">
<!-- START SEPARATOR -->
<!-- END SEPARATOR -->
<!-- START HEADER --> <tbody>
<tr>
<td id="logo-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#a8b3b9;"
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" align="center"
cellspacing="0" cellpadding="0" border="0">
<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;"
width="100%" cellspacing="0" cellpadding="0"
bgcolor="#062f4f" border="0">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;">
<img
src="http://www.whoi.edu/administration/development/oceanos/banner2.jpg"
style="margin:0"> </td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
width="100%" cellspacing="0" cellpadding="0"
bgcolor="#062f4f" border="0">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;"
width="35%" bgcolor="#71a8d9">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:30px;line-height:40px;color:#000;margin:0;padding:0;text-align:center"
align="center">Saturday,
September 16, 2017</p>
<p
style="font-size:20px;line-height:30px;color:#000;margin:0;padding:0;text-align:center"
align="center">
2:00 - 5:00 p.m.<br>
Woods Hole Oceanographic
Institution<br>
Quissett Campus<br>
<a
href="https://goo.gl/maps/dXbyESmdjM12"
style="color:#000000">Clark
Building</a>, Room 507</p>
<div align="center">
<p style="font-size: 19px;
line-height: 30px;
margin-top: 15px;
margin-bottom:5px;margin-left:
0; width: 40%; display:
block; text-decoration:
none; border: 1px solid
#606102; 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:
#000000;letter-spacing:
0.0625em;" align="left"><a
style="color: #ffffff;
text-decoration: none;"
href="https://www.eventbrite.com/e/oceanos-whoi-en-espanol-e-portugues-tickets-37421115564">REGISTER</a></p>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
width="100%" cellspacing="0" cellpadding="0"
bgcolor="#cff0d9" border="0">
<tbody>
<tr>
<td
style="padding-top:0px;padding-bottom:0px;padding-right:20px;padding-left:20px;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:center;"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#5fc8f2;color:#000000;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="left">The Woods Hole
Oceanographic Institution
(WHOI) is hosting an event
to make ocean science more
accessible to members of the
local community and visitors
who speak Spanish or
Portuguese. The symposium,
“OCEANOS: WHOI en Español e
Português,” will feature
short presentations in
either language about marine
and related research by
students and scientists from
WHOI and other science
institutions in Woods Hole,
Mass. The event is free and
open to the public, and
pre-registration is
recommended. The symposium
will take place at 2 p.m. on
Saturday, September 16,
2017, in Room 507 of the
Clark Building on the WHOI
Quissett Campus. Light
refreshments will be served.
The event will also be
streamed via <a
href="https://www.facebook.com/WoodsHoleOcean/"
style="color:#27668F">Facebook
Live</a>. More information
about the symposium is
available <a
href="http://www.whoi.edu/page.do?pid=17315&tid=7342&cid=256549"
style="color:#27668F">here</a>.</p>
<p
style="font-size:18px;line-height:26px;color:#5fc8f2;color:#000000;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="left"><strong>Español</strong><br>
The Woods Hole Oceanographic
Institution (WHOI) presenta
un evento para hacer las
ciencias oceanográficas más
accesibles a los miembros de
la comunidad de Cape Cod y
visitantes que hablan
español o portugués. El
simposio, “OCEANOS: WHOI en
Español e Português,”
presentará charlas cortas en
ambos idiomas por
estudiantes y científicos de
WHOI, y otras instituciones
en Woods Hole, MA. El evento
es gratis y abierto para el
público en general. Es
recomendado pre-registrarse.
El simposio comenzará a las
2 de la tarde (EST) el
sábado 16 de septiembre de
2017, en la sala 507 del
edificio Clark en el campus
Quissett de WHOI. Habrán
refrescos y comida simple.
El evento será transmitido
atreves de <a
href="https://www.facebook.com/WoodsHoleOcean/"
style="color:#27668F">Facebook
Live</a>. Para más
información sobre el
simposio, accede <a
href="http://www.whoi.edu/page.do?pid=17315&tid=7342&cid=256549"
style="color:#27668F">aquí</a>.</p>
<p
style="font-size:18px;line-height:26px;color:#5fc8f2;color:#000000;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="left"><strong>Português</strong><br>
The O Instituto
Oceanográfico de Woods Hole
(WHOI) está sediando um
evento para tornar a
pesquisa oceânica mais
acessível aos membros da
comunidade local e
visitantes que falam
espanhol ou português. O
simpósio, “OCEANOS: WHOI em
espanhol e português,”
contará com pequenas
apresentações em ambas as
línguas sobre a pesquisa
marinha e outras pesquisas
relacionadas, apresentadas
por estudantes e cientistas
do WHOI e outras
instituições científicas de
Woods Hole, Mass. O evento é
gratuito e aberto ao
público, é recomendável
realizar uma pré-inscrição.
O simpósio acontecerá às 14h
do sábado, 16 de setembro de
2017, na sala 507 do prédio
Clark no campus Quissett do
WHOI. Serão servidos alguns
lanches l
eves. Esse evento será
transmitido pelo <a
href="https://www.facebook.com/WoodsHoleOcean/"
style="color:#27668F">Facebook
Live</a>. Mais informações
sobre o evento estão
disponíveis <a
href="http://www.whoi.edu/page.do?pid=17315&tid=7342&cid=256549"
style="color:#27668F">aqui</a>.
</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
width="100%" cellspacing="0" cellpadding="0"
bgcolor="#71a8d9" border="0">
<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:center;"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:18px;line-height:26px;color:#000000;margin-left:10px;margin-right:10px"
align="center">For more
information contact <a
href="mailto:info@whoi.edu"
style="color:#000000">info@whoi.edu</a>.
</p>
</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>
<!-- END HEADER --> </center>
</td>
</tr>
<!-- START FOOTER --> <tr>
<td id="footer-region-back"
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;background-color:#031c33;"
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;" align="center"
cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td id="footer" class="padding-topbottom-10"
style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;;"
width="100%" cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td class="padding-20 contents center"
style="width:100%;text-align:center;padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;color:#fff;font-size:12px;">
<p align="center"><img
src="http://www.whoi.edu/administration/development/trustees/WHOI-rope-logo-110.png"
style="width:110px;height:auto"
alt="whoi"></p>
<p style="color:#fff;">Copyright ©2016 <a
href="http://www.whoi.edu"
style="color:#8dc7f0;">Woods Hole
Oceanographic Institution</a>. <br>
All rights reserved. 266 Woods Hole
Road, Woods Hole, MA 02543-1050 U.S.A.
<br>
General Information: <a
href="mailto:information@whoi.edu"
style="color:#8dc7f0;">information@whoi.edu</a>
or (508) 548-1400 <br>
<a
href="http://www.whoi.edu/whoi/privacy.do"
style="color:#8dc7f0;"> Privacy
Policy</a></p>
<div id="social-media"
style="width:100%;max-width:300px;display:inline-block;vertical-align:bottom;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;" width="100%"
cellspacing="0" cellpadding="0"
border="0">
<tbody>
<tr>
<td class="padding-20"
style="padding-top:20px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
<table class="contents"
style="border-spacing:0;font-family:
'Lato', Helvetica, Arial,
sans-serif;;width:100%;font-size:14px;text-align:left;"
cellspacing="0"
cellpadding="0" border="0">
<tbody>
<tr>
<td
style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;">
<table
style="border-spacing:0;font-family:
'Lato', Helvetica,
Arial, sans-serif;;"
width="100%"
cellspacing="10"
cellpadding="0"
border="0">
<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>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!--[if (gte mso 9)|(IE)]>
                                                        </td>
                                                        </tr>
                                                        </table>
                                                        <![endif]--> </div>
</center>
</td>
</tr>
<!-- END FOOTER -->
</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: #a8b3b9;
                        }
                        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;
                        color:#000000;        
                        text-decoration: underline;
                        text-decoration-style:dotted;
                        }
                        #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>