<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;" border="0"
cellspacing="0" cellpadding="0" align="left" width="100%">
<!-- 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" 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"
bgcolor="#57652a" 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:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:28px;line-height:22px;color:#5fc8f2;color:#ffffff"
align="center">Join us in
Woods Hole for FREE events</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#062f4f" width="100%">
<tbody>
<tr>
<td
style="padding-top:10px;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;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:10px;padding-right:0;padding-left:0;">
<span
style="font-size:28px;color:#ffffff;text-shadow:
2px 4px 3px
rgba(0,0,0,0.3);"><span
style="font-size:42px">The
Sea Around Us</span><br>
You Are What You Drink</span>
<img
src="http://woodshole.com/wp-content/uploads/2016/03/the-sea-around-us2.jpg"
style="margin:20px 0 0"> </td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#062f4f" 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:center;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:20px;padding-right:0;padding-left:0;">
<p
style="font-size:28px;line-height:40px;color:#fff;margin:0;padding:0;text-align:center"
align="center">September
30-October 1, 2017 <br>
Woods Hole, MA</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#57652a" 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:center;"
border="0" cellspacing="0"
cellpadding="0">
<tbody>
<tr>
<td
style="padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;">
<p
style="font-size:18px;line-height:26px;color:#5fc8f2;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="left">The <a
href="http://www.woodshole.com"
style="color:#ffffff">Woods
Hole Business Association</a>
and the Woods Hole science
community will present the
second of two weekends of
free events this September
to celebrate the legacy of
Rachel Carson and the global
impact of local
laboratories. “The Sea
Around Us: You Are What You
Drink,” will commemorate the
11th Annual Buzzards Bay
Watershed Ride, which ends
at the Marine Biological
Laboratory’s Swope Center on
October 1.</p>
<p
style="font-size:18px;line-height:26px;color:#5fc8f2;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0"
align="left">
The Buzzards Bay Coalition
is a membership-supported
nonprofit organization
dedicated to the
restoration, protection, and
sustainable use and
enjoyment of our
irreplaceable Bay and its
watershed. The Coalition
works to improve the health
of the Bay ecosystem for all
through education,
conservation, research, and
advocacy.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#12355A" 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:10px;padding-bottom:20px;padding-right:20px;padding-left:20px;">
<h3
style="font-size:28px;line-height:32px;color:#5fc8f2;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0;text-align:center">Schedule
of Events</h3>
<h4
style="font-size:22px;line-height:26px;color:#5fc8f2;margin-bottom:20px;margin-top:10px;padding-bottom:0">Saturday,
September 30: Special Events</h4>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">
10 AM – Noon<br>
<strong
style="color:#5fc8f2;font-size:17px">Science
in a Sandbox</strong><br>
<em>Zephyr Education Center
Foundation, 97 Water
Street, Woods Hole</em><br>
Kids of all ages (and adults
too!) will be captivated by
the Augmented Reality
Sandbox, allowing users to
explore sea level rise and
storm surge scenarios in
real time. Learn about
geoscience and have while
fun doing it!</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">Noon<br>
<strong
style="color:#5fc8f2;font-size:17px">The
History of the Pacific
Guano Company</strong><br>
Debbie Scanlon, Executive
Director, Woods Hole
Historical Museum<br>
<em>Woods Hole Public
Library, 581 Woods Hole
Road</em> <br>
In 1863, the Pacific Guano
Company built its factory on
Long Neck. Using bird
excrement imported from
South America by clipper
ships, and mixing with with
locally caught menhaden, the
successful industry produced
fertilizer for more than 25
years. Find out why they
abruptly went bankrupt in
1889.</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">7:30
PM<br>
<strong
style="color:#5fc8f2;font-size:17px">Special
Screening: A Plastic Ocean</strong>
<br>
<em>WHOI Redfield
Auditorium, 45 Water
Street</em><br>
Couldn’t make it to the 2017
Woods Hole Film Festival?
Enjoy a special repeat
screening of A PLASTIC
OCEAN, presented by Woods
Hole Film Festival and
sponsored by Quicks Hole.
Journalist Craig Leeson,
searching for the elusive
blue whale, discovers
plastic waste in what should
be pristine ocean. Leeson
uncovers alarming truths
about plastic pollution, and
reveals working solutions
that can be put into
immediate effect. </p>
<h4
style="font-size:22px;line-height:26px;color:#5fc8f2;margin-bottom:20px;margin-top:10px;padding-bottom:0">Sunday,
October 1: Special Event</h4>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">
2 PM – 4 PM<br>
<strong
style="color:#5fc8f2;font-size:17px">Watershed
Ride Finish Line Party</strong><br>
<em>MBL Swope Center, 250
MBL Street</em><br>
Join the cheering section to
welcome the riders and cap
off this amazing 100-mile
bike ride, spanning Little
Compton, R.I. to Woods Hole,
all in support of Buzzards
Bay Coalition’s vital work
to protect and promote clean
waters. Cyclists are
expected to reach the finish
line between 2 and 4. </p>
<hr style="border-top: 1px
dashed
#8c8b8b;border-bottom: 1px
dashed #fff;">
<h4
style="font-size:22px;line-height:26px;color:#5fc8f2;margin-bottom:20px;margin-top:10px;padding-bottom:0">Saturday,
September 30: Village
Visitation</h4>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">10
AM – 4:30 PM<br>
<strong
style="color:#5fc8f2;"><a
href="http://www.whoi.edu/main/ocean-science-exhibit-center">WHOI Ocean
Science Exhibit Center</a></strong><br>
<em>15 School Street, Woods
Hole</em><br>
Discover the research
happening at Woods Hole
Oceanographic Institution
and the tools of their
trade; get a glimpse into a
day in the life of the deep
submersible Alvin, the
discovery of the Titanic,
and much more.</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">10
AM – 4 PM<br>
<strong
style="color:#5fc8f2;"><a
href="http://woodsholemuseum.org/wordpress/">Woods Hole Historical
Museum</a></strong><br>
<em>579 Woods Hole Road,
Woods Hole</em><br>
The Woods Hole Historical
Museum is a lively small
museum with changing
exhibits and diverse
programs appealing to people
with wide interests.
Currently on view:
“Navigating the Seas in the
Age of Sail” and “A History
of Shellfishing on Cape
Cod.”</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">11
AM – 4 PM<br>
<strong
style="color:#5fc8f2;"><a
href="http://www.mbl.edu/pierce-exhibit-center/">MBL Pierce Exhibit
Center</a></strong><br>
<em>100 Water Street, Woods
Hole</em><br>
Colorful exhibits tell the
story of the Marine
Biological Laboratory and
its impact on life sciences.
Live animals, stunning
underwater video footage, a
hands-on microscope, and an
interactive squid are all
part of the visitor
experience. The gift shop
has you covered with Rachel
Carson books and merchandise
to commemorate your Cape Cod
visit.</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">11
AM – 4 PM<br>
<strong
style="color:#5fc8f2;"><a
href="http://aquarium.nefsc.noaa.gov/">Woods Hole Science Aquarium</a></strong><br>
<em>166 Water Street, Woods
Hole</em><br>
Home to more than 140
species of marine mammals,
the aquarium offers touch
tanks of lobsters, horseshoe
crabs, and starfish.
Established in Woods Hole in
1885, the WHSA is the
country’s oldest marine
aquarium. It is owned by the
federal government and
operated by NOAA’s National
Marine Fisheries Service, in
partnership with the Marine
Biological Laboratory.</p>
<p
style="font-size:16px;line-height:24px;color:#ffffff;margin-bottom:20px;margin-top:10px;padding-bottom:0">Noon
– 5:30 PM<br>
<strong
style="color:#5fc8f2;"><a
href="http://woodsholepubliclibrary.org/">Woods Hole Public Library </a></strong><br>
<em>581 Woods Hole Road,
Woods Hole</em><br>
The library boasts a
collection of books,
magazines and newspapers,
videos, books on cassette,
music CDs, ebooks, and
audiobooks totaling nearly
40,000 items. It includes
four special collections:
the Thomas G. Ratcliffe
Collection of plays and
books on theater and film,
local history, maritime
books, and non-technical
books on all of the
sciences, and is also home
to a unique collection of
historic paintings by
Franklin L. Gifford.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellspacing="0" cellpadding="0"
bgcolor="#006d97" 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:center;"
border="0" cellspacing="0"
cellpadding="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:#ffffff;margin-left:10px;margin-right:10px"
align="center">Discover the
big science happening in the
little village of Woods Hole
all within walking distance.
For more information visit <a
href="http://www.woodshole.com" style="color:#ffffff"> www.woodshole.com</a>
and be sure to follow "Woods
Hole" on Facebook for daily
updates. </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 -->
<!-- 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: #ffffff;
                        }
                        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: #ffffff;
                        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>