<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" text="#000000">
<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:#598fad;" align="left"
border="0" cellpadding="0" cellspacing="0" 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:#598fad;">
<p
style="font-size:11px;line-height:11px;color:#000;font-family:arial;margin-top:10px;margin-bottom:10px"
align="center"><a
href="http://www.whoi.edu//home/email/fun-films/index.html"><span
style="color:#dcdcdc;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:#598fad;"
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"
border="0" cellpadding="0" cellspacing="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;;"
border="0" cellpadding="0" cellspacing="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" cellpadding="0"
cellspacing="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="cid:part2.0EA0F2A3.4BD57FBD@whoi.edu" alt="Fun & Films"></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:#598fad;"
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;"
align="center" border="0" cellpadding="0"
cellspacing="0">
<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:
'Lato', Helvetica, Arial, sans-serif;"
border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td class="padding-20 contents"
style="width:100%;padding-top:0px;padding-bottom:20px;padding-right:40px;padding-left:44px;text-align:left;">
<table style="width: 100%;"
id="meeting-schedule" cellpadding="0"
cellspacing="0">
<tbody>
<tr>
<td
style="color:#006d97;text-align:center;padding:5px;padding-bottom:0;font-size:15px;width:33%;background:#ffffff">Mon.,
April 17, 11 a.m.
</td>
<td
style="color:#006d97;text-align:center;padding:5px;padding-bottom:0;font-size:15px;width:33%;background:#ffffff">Tue.,
April 18, 11 a.m.
</td>
<td
style="color:#006d97;text-align:Center;padding:5px;padding-bottom:0;font-size:15px;width:33%;background:#ffffff">Wed.,
April 19, 11 a.m.</td>
</tr>
<tr valign="top">
<td
style="font-size:13px;line-height:1.4;padding:8px;padding-top:3px;background:#ffffff"><strong>Song
of the Sea</strong><br>
Based on the Irish legend
of the Selkies, Song of the Sea
is a breathtakingly
gorgeous, hand-drawn masterpiece
that tells
the story of the last
seal-child, Saoirse, and her
brother Ben, who go on an epic
journey to save
the world of magic and discover
the secrets of
their past. (93 minutes). After
the film, meet
WHOI biologist Andrea Bogomolni,
who will
talk about her work with seals.
</td>
<td
style="font-size:13px;line-height:1.4;padding:8px;padding-top:3px;border-left:1px
dotted #999999;border-right:1px
dotted
#999999;background:#ffffff"><strong>Wild
Kratts: Creatures of the
Deep Sea</strong><br>
Martin and Chris dive down to
the most unexplored habitat on
Earth: the ocean
trenches. Features a segment
filmed in Woods
Hole with a WHOI scientist and
the research
sub <em>Alvin</em>. (50
minutes). After the film, meet a
real <em>Alvin</em> pilot and
hear some of his adventures.</td>
<td
style="font-size:13px;line-height:1.4;padding:8px;padding-top:3px;background:#ffffff"><strong>The
Boat Builder</strong><br>
A bitter old hermit
known around town as ‘Captain
Crazy’ reluctantly
agrees to help a young orphan
avoid the
local bullies so long as he
agrees to help him
finish his half-built boat. The
two forge an
unlikely bond, and the boat
becomes their one
chance to escape from the
seaside village that
harbors their troubles. A family
drama, starring
Christopher Lloyd. Recommended
for children
12 and older.</td>
</tr>
</tbody>
</table>
<p class="button-link-1 button-radius"
style="font-size:18px;line-height:1.3;margin:15px
auto;width:50%;" align="center"><a
href="http://www.whoi-whff.eventbrite.com"
style="color:#ffffff;text-decoration:none;">Reserve your seats now</a></p>
<table style="width: 100%;"
cellpadding="0" cellspacing="0">
<tbody>
<tr valign="top">
<td><img
src="cid:part5.39F9E433.5A8735CC@whoi.edu"
style="margin-right:10px"></td>
<td
style="font-size:13px;line-height:1.3;"><em>This
program is supported in part
by a grant from the Falmouth
Cultural Council, a local
agency which is supported by
the Massachusetts Cultural
Council, a state agency.</em></td>
</tr>
</tbody>
</table>
<p
style="font-size:22px;line-height:1.2;color:#006d97;font-family:arial;text-align:center;margin-top:20px;margin-bottom:0px;">Vacation
Week Activities at WHOI’s Ocean
Science Exhibit Center</p>
<p
style="font-size:18px;color:#006d97;font-family:arial;text-align:center;line-height:1.2;margin-top:3px">15
School St., Woods Hole, MA</p>
<p
style="font-size:16px;color:#333333;font-family:arial;text-align:center;line-height:1.3">Open
Monday – Friday from 10 a.m. – 4:30
p.m. Learn about the science and
engineering at Woods Hole
Oceanographic Institiution through
videos and interactive exhibits. Drop
by for these special “School Vacation
Week” activities:</p>
<table style="width: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr valign="top">
<td><img
src="cid:part6.EAF9EB60.9ECF13DD@whoi.edu"
alt="splash lab"
style="margin-right:10px"></td>
<td>
<p
style="font-size:18px;color:#006d97;font-family:arial;text-align:left;margin-bottom:0;">Monday,
April 17 – Wednesday, April
19, 1-3 p.m.
</p>
<p
style="font-size:16px;color:#333333;font-family:arial;text-align:left;margin-top:0;margin-bottom:0px">Anytime
between 1-3 p.m., come by and
try your hand at water-based
science activities. </p>
</td>
</tr>
</tbody>
</table>
<table style="width: 100%;" border="0"
cellpadding="0" cellspacing="0">
<tbody>
<tr valign="top">
<td>
<p
style="font-size:18px;color:#006d97;font-family:arial;text-align:right;margin-bottom:0;">Thursday,
April 20, at 11:00 a.m.
</p>
<p
style="font-size:16px;color:#333333;font-family:arial;text-align:right;margin-top:0;margin-bottom:0px">Hovey
Clifford will read the book
“A Fish Out of Water”</p>
</td>
<td>
<img
src="cid:part7.0E38B76B.DA9AD03E@whoi.edu"
style="float:right;margin-left:10px" alt="fish out of water"></td>
</tr>
</tbody>
</table>
<p
style="font-size:30px;color:#fd7202;font-family:arial;text-align:center;line-height:1.2;margin-bottom:10px;margin-top:46px;font-style:italic;padding:8px">Come
Join the Fun!</p>
</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 -->
<!-- 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"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td id="footer" class="padding-topbottom-10"
style="padding-top:0px;padding-bottom:10px;padding-right:0;padding-left:0;">
<table style="border-spacing:0;font-family:
'Lato', Helvetica, Arial, sans-serif;;"
border="0" cellpadding="0" cellspacing="0"
width="100%">
<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="cid:part8.7234982E.2BD7DFFA@whoi.edu"
style="width:110px;height:auto"
alt="whoi"></p>
<p style="color:#fff;">Copyright ©2017 <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;;" border="0"
cellpadding="0" cellspacing="0"
width="100%">
<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;"
border="0" cellpadding="0"
cellspacing="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;;"
border="0"
cellpadding="0"
cellspacing="10"
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="cid:part12.1CA4369D.CEA5AD63@whoi.edu" 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="cid:part14.990569FB.111089D4@whoi.edu"
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="cid:part16.218E11FE.1D01BF6C@whoi.edu"
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="cid:part18.3F81B910.9A27942D@whoi.edu"
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="cid:part20.F2F85A13.AFC1F695@whoi.edu"
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="cid:part22.1D621EC7.89A93BC1@whoi.edu" 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: #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;
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: normal;
font-size: 15px;
font-family: 'Lato', Helvetica, Arial, sans-serif;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
line-height: 30px;
padding:8px;
}
.button-link-1 {
color: #ffffff;
background: #27668f;
background:#ff7f00;
background:#fd7202;
border: 5px solid #6daaf1;
border: 1px solid #ff7f00;
}
.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: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.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;
}
table#meeting-schedule{
/*background: #dfebf4;
border: solid 1px #c7d9e6;
border-collapse: collapse;*/
width:100%;
}
@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>