Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

HTML

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:fb="https://www.facebook.com/2008/fbml" xmlns:og="http://opengraph.org/schema/">

<head>

  <meta property="og:title" content="Day 2: VR and love vs. the afterlife " />
  <meta property="fb:page_id" content="43929265776" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <meta name="viewport" content="width=device-width">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <style media="all" type="text/css">
    @media only screen and (max-width: 510px) {
      .mobilepadding {
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .nopadding {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      .fullwidth {
        max-width: 100% !important;
        width: 100% !important;
      }
    }
    
    
    @media only screen and (max-width: 476px) {
      .transactional .festival-logo {
        padding: 20px 0 0 !important;
      }
    }
    
    
    @media only screen and (max-width: 520px) {
      .festival h1 {
        font-size: 26px !important;
      }
    }
    
    
    @media only screen and (max-width: 510px) {
      .movie-club h1 {
        font-size: 40px !important;
      }
      .movie-club h2 {
        font-size: 20px !important;
      }
    }
    
    
    @media only screen and (max-width: 590px) {
      div.newmax {
        max-width: 100% !important;
      }
      table.newmax {
        max-width: 100% !important;
      }
      img.newmax {
        width: 100% !important;
      }
    }
  </style>
  <style type="text/css">
    @font-face {
        font-family: 'Oswald';
        font-style: normal;
        font-weight: 300;
        src: local('Oswald Light'), local('Oswald-Light'), url(https://fonts.gstatic.com/s/oswald/v11/HqHm7BVC_nzzTui2lzQTDaCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
    }
    
    
    @font-face {
        font-family: 'Oswald';
        font-style: normal;
        font-weight: 400;
        src: local('Oswald Regular'), local('Oswald-Regular'), url(https://fonts.gstatic.com/s/oswald/v11/Y_TKV6o8WovbUd3m_X9aAA.ttf) format('truetype');
    }
  </style>
  <style type="text/css">
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 400;
        src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
    }
    
    
    @font-face {
        font-family: 'Open Sans';
        font-style: normal;
        font-weight: 700;
        src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
    }
  </style>

  <!--[if (gte mso 9)|(IE)]>
<style type=”text/css”>
body, table, td, tr, span, p, h1, h2, h3, h4 {
font-family: Arial, sans-serif !important;
}
</style>
<![endif]-->

  <script type="text/javascript">
    var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
            document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
  </script>
  <script type="text/javascript">
    try {
                var _gaq = _gaq || [];
                _gaq.push(["_setAccount", "UA-4208897-5"]);
                _gaq.push(["_setDomainName", ".campaign-archive.com"]);
                _gaq.push(["_trackPageview"]);
                _gaq.push(["_setAllowLinker", true]);
            } catch(err) {console.log(err);}
  </script>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  <script src="http://us10.campaign-archive2.com/js/mailchimp/fancyzoom.mc.js"></script>
  <script type="text/javascript">
    function incrementFacebookLikeCount() {
        var current = parseInt($('#campaign-fb-like-btn span').html());
        $('#campaign-fb-like-btn span').fadeOut().html(++current).fadeIn();
    }

    function getUrlParams(str) {
        var vars = {}, hash;
        if (!str) return vars;
        var hashes = str.slice(str.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++) {
            hash = hashes[i].split('=');
            vars[hash[0]] = hash[1];
        }
        return vars;
    }
    
    function setupSocialSharingStuffs() {
        var numSocialElems = $('a[rel=socialproxy]').length;
        var numSocialInitialized = 0;
        var urlParams = getUrlParams(window.document.location.href);
        var paramsToCopy = {'e':true, 'eo':true};
        $('a[rel=socialproxy]').each(function() {
            var href = $(this).attr('href');
            var newHref = decodeURIComponent(href.match(/socialproxy=(.*)/)[1]);
            // for facebook insanity to work well, it needs to all be run against just campaign-archive
            newHref = newHref.replace(/campaign-archive(\d)/gi, 'campaign-archive');
            var newHrefParams = getUrlParams(newHref);
            for(var param in urlParams) {
                if ((param in paramsToCopy) && !(param in newHrefParams)) {
                    newHref += '&' + param + '=' + urlParams[param];
                }
            }
            $(this).attr('href', newHref);
            if (href.indexOf('facebook-comment') !== -1) {
                $(this).fancyZoom({"zoom_id": "social-proxy", "width":620, "height":450, "iframe_height": 450});
            } else {
                $(this).fancyZoom({"zoom_id": "social-proxy", "width":500, "height":200, "iframe_height": 500});
            }
            numSocialInitialized++;
                    });
    }
	if (window.top!=window.self){
        $(function() {
          var iframeOffset = $("#archive", window.parent.document).offset();
          $("a").each(function () {
              var link = $(this);
              var href = link.attr("href");
              if (href && href[0] == "#") {
                  var name = href.substring(1);
                  $(this).click(function () {
                      var nameElement = $("[name='" + name + "']");
                      var idElement = $("#" + name);
                      var element = null;
                      if (nameElement.length > 0) {
                          element = nameElement;
                      } else if (idElement.length > 0) {
                          element = idElement;
                      }
         
                      if (element) {
                          var offset = element.offset();
                          var height = element.height();
                          //3 is totally arbitrary, but seems to work best.
                          window.parent.scrollTo(offset.left, (offset.top + iframeOffset.top - (height*3)) );
                      }
         
                      return false;
                  });
              }
          });
        });
    }
  </script>
  <script type="text/javascript">
    $(document).ready(function() {
                setupSocialSharingStuffs();
            });
  </script>
  <style type="text/css">
    /* Facebook/Google+ Modals */
            #social-proxy { background:#fff; -webkit-box-shadow: 4px 4px 8px 2px rgba(0,0,0,.2); box-shadow: 4px 4px 8px 2px rgba(0,0,0,.2); padding-bottom:35px; z-index:1000; }
            #social-proxy_close { display:block; position:absolute; top:0; right:0; height:30px; width:32px; background:transparent url(http://cdn-images.mailchimp.com/awesomebar-sprite.png) 0 -200px; text-indent:-9999px; outline:none; font-size:1px; }
            #social-proxy_close:hover { background-position:0 -240px; }
            body { padding-bottom:50px !important; }
  </style>
</head>

<body class="festivaldaily" style="height: 100% !important; width: 100% !important; font-family: 'Open Sans', Arial, sans-serif; -webkit-font-smoothing: antialiased; font-size: 16px; -webkit-text-size-adjust: 100%; line-height: 1.3em; padding: 0; -ms-text-size-adjust: 100%; background-color: #ffffff; margin: 0;"
  bgcolor="#ffffff">
  <center>
    <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">


      <!-- PREHEADER TEXT -->
      <div class="preheader" style="box-sizing: border-box; width: 0; display: none; height: 0; max-height: 0; color: transparent; opacity: 0; overflow: hidden; mso-hide: all; visibility: hidden; max-width: 0;">Get a first look at New Frontier and find out more about the star-studded The Discovery, a film that explores an untraditional love story.</div>

      <!-- HEADER AND FIRST STORY -->
      <tr>
        <td align="center" height="100%" valign="top" width="100%" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 0; vertical-align: top;">

          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
            <tr>
              <td class="desktoppadding nopadding small-space blackbg" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #000000;"
                bgcolor="#000000">

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 580px;">
                  <tr>
                    <td dir="" class="medium-space" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="left" border="0" cellspacing="0" cellpadding="0" width="580">
                <tr>
                <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="right" valign="top" width="480">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 80%; min-width: 1px; vertical-align: top; width: 100%;">

                        <table class="" align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 480px;">
                          <tr>
                            <td class="  " align="right" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                              <img align="right" width="320" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-illumination.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;">
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="right" valign="top" width="100">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 20%; min-width: 1px; vertical-align: top; width: 100%;">

                        <table class="" align="right" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 100px;">
                          <tr>
                            <td class="  " align="right" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                              <a align="right" style="box-sizing: border-box; text-decoration: none; font-weight: normal !important; color: white !important;" href="#"><span style="margin-bottom: 0; float: right; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-size: 10px; margin: 0; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.5px; text-align: left; padding-top: 10px; color: white;" class="webversion">View Web Version</span></a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 420px;">
                  <tr>
                    <td dir="" class="medium-space desktoppadding mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="420">
                <tr>
                <![endif]-->
                      <img border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;" width="420"
                        src="https://dotorg-prd-assets.s3.amazonaws.com/images/misc/now-sff17wordmark.png">
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <a href="https://www.sundance.org/blogs/love-vs-afterlife-jason-segel-and-rooney-mara-in-the-discovery" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                        <img border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;" alt="Friday’s premieres: New Frontier + feature films"
                          width="560" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/afd334d2-90db-4f2b-be02-f6f5ee9dac21.jpg">
                      </a>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <h2 align="center" style="line-height: 1; font-size: 24px; text-transform: uppercase; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 100; margin-top: 0; letter-spacing: 0.5px; margin-bottom: 10px; display: block; color: white; text-align: center;">VR projects and Bob's latest film</h2>
                      <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: center; color: white; max-width: 480px;">Get a first look at New Frontier and find out more about the star-studded <em>The Discovery</em>, a film that explores an untraditional love story.
                      </p>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                        <tr>
                          <td align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                            <div style="box-sizing: border-box;">
                              <!--[if mso]>
                  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.sundance.org/blogs/love-vs-afterlife-jason-segel-and-rooney-mara-in-the-discovery" style="height:40px;v-text-anchor:middle;width:200px;" strokecolor="#facc21" fill="t">
                    <v:fill type="tile" color="#000000" />
                    <w:anchorlock/>
                    <center style="color:#facc21;font-family:sans-serif;font-size:16px;font-weight:normal;font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;">Read More</center>
                  </v:rect>
                <![endif]-->
                              <a class="button " href="https://www.sundance.org/blogs/love-vs-afterlife-jason-segel-and-rooney-mara-in-the-discovery" style="box-sizing: border-box; background-color: #000000; mso-hide: all; display: inline-block; font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: normal; -webkit-text-size-adjust: none; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; line-height: 40px; border: solid 2px #facc21 !important; color: #facc21 !important;">Read More</a>
                            </div>
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="large-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 60px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <table align="center" border="0" cellspacing="0" cellpadding="0" width="100" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100px; text-align: center;">
                        <tr>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.sundance.org/blogs/love-vs-afterlife-jason-segel-and-rooney-mara-in-the-discovery" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="16" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-facebook-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://twitter.com/home?status=Day2%20Recap%20https%3A//www.sundance.org/blogs/love-vs-afterlife-jason-segel-and-rooney-mara-in-the-discovery" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="26" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-twitter-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

              </td>
            </tr>
          </table>

          <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </td>
      </tr>


      <!-- SECOND STORY -->
      <tr>
        <td align="center" height="100%" valign="top" width="100%" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 0; vertical-align: top;">

          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
            <tr>
              <td class="desktoppadding nopadding small-space whitebg" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #ffffff; padding-top: 60px;"
                bgcolor="#ffffff">

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <a href="https://www.sundance.org/gallery#show=day-02/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                        <img border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;" width="560"
                          src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/b6ca44f1-44c1-41ad-8892-222a2f897c93.jpg">
                      </a>
                      <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                        <tr>
                          <td dir="" class="" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; font-size: 0;">
                            <!--[if (gte mso 9)|(IE)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                    <tr>
                    <![endif]-->
                            <!--[if (gte mso 9)|(IE)]>
            <td align="center" valign="top" width="560">
            <![endif]-->

                            <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 100px; vertical-align: top; width: 100%;">

                              <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                                <tr>
                                  <td class="  " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                    <a href="https://www.sundance.org/gallery#show=day-02/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                      <img border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;" width="280"
                                        src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/b3a8f300-dbf0-47d1-80ad-44efc96ce206.jpg">
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </div>

                            <!--[if (gte mso 9)|(IE)]>
            </td>
            <![endif]-->
                            <!--[if (gte mso 9)|(IE)]>
            <td align="center" valign="top" width="560">
            <![endif]-->

                            <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 100px; vertical-align: top; width: 100%;">

                              <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                                <tr>
                                  <td class="  " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                    <a href="https://www.sundance.org/gallery#show=day-02/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                      <img border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;" width="280"
                                        src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/64613b4f-e0bb-4871-be4d-638b590c9cf8.jpg">
                                    </a>
                                  </td>
                                </tr>
                              </table>
                            </div>

                            <!--[if (gte mso 9)|(IE)]>
            </td>
            <![endif]-->
                            <!--[if (gte mso 9)|(IE)]>
                    </tr>
                    </table>
                    <![endif]-->

                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <h2 align="center" style="color: #000000; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: 100; line-height: 1; letter-spacing: 0.5px; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; font-size: 24px; text-align: center;">Here’s what you missed</h2>
                      <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: center; max-width: 480px;">Validate your girl crush on Elizabeth Olsen and Aubrey Plaza with photos from the premiere of <em>Ingrid Goes West</em>. Plus photos from New Frontier. Galleries are updated throughout the day, so keep checking back for more!</p>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                        <tr>
                          <td align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                            <div style="box-sizing: border-box;">
                              <!--[if mso]>
                  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://www.sundance.org/gallery#show=day-02/" style="height:40px;v-text-anchor:middle;width:200px;" strokecolor="#E60029" fill="t">
                    <v:fill type="tile" color="#ffffff" />
                    <w:anchorlock/>
                    <center style="color:#E60029;font-family:sans-serif;font-size:16px;font-weight:normal;font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif;">View Photos</center>
                  </v:rect>
                <![endif]-->
                              <a class="button " href="https://www.sundance.org/gallery#show=day-02/" style="box-sizing: border-box; line-height: 40px; mso-hide: all; display: inline-block; font-family: 'Oswald', 'Arial Narrow', Arial, sans-serif; font-size: 16px; font-weight: normal; -webkit-text-size-adjust: none; text-align: center; text-decoration: none; text-transform: uppercase; width: 200px; border: solid 2px #E60029 !important; color: #E60029 !important; background-color: transparent;">View Photos</a>
                            </div>
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>

                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="large-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 60px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <table align="center" border="0" cellspacing="0" cellpadding="0" width="100" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100px;">
                        <tr>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A//www.sundance.org/gallery%23show=day-02/" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="16" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-facebook-black.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://twitter.com/home?status=Day2%20Gallery%20https%3A//www.sundance.org/gallery%23show=day-02/" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="26" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-twitter-black.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>

          <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </td>
      </tr>


      <!-- NAVIGATION/GRID -->
      <tr>
        <td align="center" height="100%" valign="top" width="100%" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 0; vertical-align: top;">

          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
            <tr>
              <td class="desktoppadding nopadding small-space blackbg" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px; padding-left: 20px; padding-right: 20px; background-color: #000000; padding-top: 60px;"
                bgcolor="#000000">
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="center" valign="top" width="140">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 25%; min-width: 100px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                          <tr>
                            <td class=" medium-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 30px;">
                              <a href="http://www.sundance.org/festivals/sundance-film-festival/get-tickets" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img align="center" width="53" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-tickets.png" style="color: black; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; -ms-interpolation-mode: bicubic; max-width: 100%; text-transform: uppercase; font-size: 40px; line-height: 120px; display: block; padding-bottom: 10px; text-align: center;"
                                  border="0">
                              </a>
                              <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; color: white; text-align: center; display: block; width: 100%;">Tickets</p>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="center" valign="top" width="140">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 25%; min-width: 100px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                          <tr>
                            <td class=" medium-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 30px;">
                              <a href="http://www.sundance.org/live" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img align="center" width="64" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-live.png" style="color: black; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; -ms-interpolation-mode: bicubic; max-width: 100%; line-height: 120px; font-size: 40px; display: block; padding-top: 12px; padding-bottom: 13px; text-align: center;"
                                  border="0">
                              </a>
                              <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; color: white; text-align: center; display: block; width: 100%;">Live Streams</p>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="center" valign="top" width="140">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 25%; min-width: 100px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                          <tr>
                            <td class=" medium-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 30px;">
                              <a href="http://www.sundance.org/mobile" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img align="center" width="36" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-app.png" style="color: black; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; -ms-interpolation-mode: bicubic; max-width: 100%; line-height: 120px; font-size: 40px; display: block; padding-top: 4px; padding-bottom: 10px; text-align: center;"
                                  border="0">
                              </a>
                              <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; color: white; text-align: center; display: block; width: 100%;">Mobile App</p>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="center" valign="top" width="140">
        <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 25%; min-width: 100px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                          <tr>
                            <td class=" medium-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 30px;">
                              <a href="http://store.sundance.org" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img align="center" width="46" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-merch.png" style="color: black; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; text-transform: uppercase; -ms-interpolation-mode: bicubic; max-width: 100%; line-height: 120px; font-size: 40px; display: block; padding-top: 8px; padding-bottom: 8px; text-align: center;"
                                  border="0">
                              </a>
                              <p align="center" style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; color: white; text-align: center; display: block; width: 100%;">Shop</p>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>

          <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </td>
      </tr>

      <!-- SUBSTORIES -->
      <tr>
        <td align="center" height="100%" valign="top" width="100%" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 0; vertical-align: top;">

          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
            <tr>
              <td class=" small-space whitebg" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px; background-color: #ffffff; padding-top: 50px; padding-left: 10px; padding-right: 10px;"
                bgcolor="#ffffff">
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
                  <tr>
                    <td dir="" class="" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="left" border="0" cellspacing="0" cellpadding="0" width="600">
                <tr>
                <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="290">
        <![endif]-->

                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 290px;">
                          <tr>
                            <td class="  fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding: 10px;">
                              <a href="https://www.youtube.com/watch?v=7mbnni6BRZ4" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img width="280" alt="Meet the Artist: Jeff Orlowski" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/dd1723aa-7fc0-49ec-8276-edf32cfe2940.jpg" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;"
                                  border="0">
                              </a>
                              <h4 style="font-weight: 100; font-size: 18px; text-align: left; color: #000000; font-family: 'Oswald', Helvetica, Arial, sans-serif; margin-top: 0; letter-spacing: 0.5px; margin-bottom: 10px; line-height: 1.2; padding-top: 20px; text-transform: uppercase;">Meet the Artist: Jeff Orlowski</h4>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left;">Five years after bringing us Chasing Ice, director Jeff Orlowski returns to the Festival with <em>Chasing Coral</em>, documenting the changes in dying coral reefs through his signature stunning cinematography.</p>
                              <a href="https://www.youtube.com/watch?v=7mbnni6BRZ4" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <span style="font-size: 13px; text-align: left; letter-spacing: 0.5px; line-height: 1.3; font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 10px; margin: 0; color: #E60029; display: block; padding-bottom: 30px; font-weight: bold;">Meet Jeff</span>
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="290">
        <![endif]-->
                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 290px;">
                          <tr>
                            <td class="  fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding: 10px;">
                              <a href="" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img width="280" alt="Share your story!" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/bc630c4d-8e9b-49cf-845e-e6ac75740921.jpg" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;"
                                  border="0">
                              </a>
                              <h4 style="font-weight: 100; font-size: 18px; text-align: left; color: #000000; font-family: 'Oswald', Helvetica, Arial, sans-serif; margin-top: 0; letter-spacing: 0.5px; margin-bottom: 10px; line-height: 1.2; padding-top: 20px; text-transform: uppercase;">Share your story!</h4>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left;">Be a protagonist in the 2017 Sundance Film Festival live story tomorrow on Snapchat!</p>
                              <!-- <a href="https://snapchat.com/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
        <span style="font-size: 13px; text-align: left; letter-spacing: 0.5px; line-height: 1.3; font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 10px; margin: 0; color: #E60029; display: block; padding-bottom: 30px; font-weight: bold;">Snap us</span>
      </a> -->
                            </td>
                          </tr>
                        </table>
                      </div>


                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
                  <tr>
                    <td dir="" class="" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="left" border="0" cellspacing="0" cellpadding="0" width="600">
                <tr>
                <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="290">
        <![endif]-->
                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 290px;">
                          <tr>
                            <td class="  fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding: 10px;">
                              <a href="https://www.sundance.org/live" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img width="280" alt="A Celebration of Music in Film" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/3a927a95-7856-42eb-8666-974e533ceac4.jpg" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;"
                                  border="0">
                              </a>
                              <h4 style="font-weight: 100; font-size: 18px; text-align: left; color: #000000; font-family: 'Oswald', Helvetica, Arial, sans-serif; margin-top: 0; letter-spacing: 0.5px; margin-bottom: 10px; line-height: 1.2; padding-top: 20px; text-transform: uppercase;">A Celebration of Music and Film</h4>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left;"> Join us Saturday, January 21, at 7 p.m. MT for an evening celebrating free speech, diverse voices, and the power of art. Live stream this special edition of A Celebration of Music and Film with performances by Common, Andra
                                Day, Hunter Hayes, and Jim James as well as readings by Ava DuVernay, Jenny Slate, and Nick Offerman. </p>
                              <a href="https://www.sundance.org/live" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <span style="font-size: 13px; text-align: left; letter-spacing: 0.5px; line-height: 1.3; font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 10px; margin: 0; color: #E60029; display: block; padding-bottom: 30px; font-weight: bold;">Join the party</span>
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>


                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="290">
        <![endif]-->

                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 290px;">
                          <tr>
                            <td class="  fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding: 10px;">
                              <a href="http://store.sundance.org/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img width="280" alt="Fest from home" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/8e23f35c-e4f9-4964-9eaf-9cc9ffa39e04.jpg" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: block;"
                                  border="0">
                              </a>
                              <h4 style="font-weight: 100; font-size: 18px; text-align: left; color: #000000; font-family: 'Oswald', Helvetica, Arial, sans-serif; margin-top: 0; letter-spacing: 0.5px; margin-bottom: 10px; line-height: 1.2; padding-top: 20px; text-transform: uppercase;">Fest from home</h4>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left;">Be a part of the action with Festival gear.</p>
                              <a href="http://store.sundance.org/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <span style="font-size: 13px; text-align: left; letter-spacing: 0.5px; line-height: 1.3; font-family: 'Open Sans', Arial, sans-serif; margin-bottom: 10px; margin: 0; color: #E60029; display: block; padding-bottom: 30px; font-weight: bold;">Find your fit</span>
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>

          <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </td>
      </tr>

      <!-- WATCH THESE FILMS -->
      <tr>
        <td align="center" height="100%" valign="top" width="100%" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 0; vertical-align: top;">

          <!--[if (gte mso 9)|(IE)]>
            <table align="center" border="0" cellspacing="0" cellpadding="0" width="600">
            <tr>
            <td align="center" valign="top" width="600">
            <![endif]-->

          <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px;">
            <tr>
              <td class="desktoppadding nopadding large-space blackbg" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 60px; padding-left: 20px; padding-right: 20px; background-color: #000000; padding-top: 60px;"
                bgcolor="#000000">
                <h3 style="font-weight: normal; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; font-family: 'Oswald', Helvetica, Arial, sans-serif; letter-spacing: 0.5px; line-height: 1; font-size: 16px; padding-bottom: 30px; text-align: center; color: white;">On the hunt for tickets?</h3>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="medium-space  mobilepadding" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 30px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                <table align="left" border="0" cellspacing="0" cellpadding="0" width="560">
                <tr>
                <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="280">
        <![endif]-->

                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                          <tr>
                            <td class=" large-space fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 60px;">
                              <h3 style="font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1; letter-spacing: 0.5px; margin-bottom: 10px; margin-top: 0; text-align: left; font-size: 18px; color: white; text-transform: none;">Independent Pilot Showcase</h3>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">Saturday, January 21, 3:30 p.m., Rose Wagner Theatre, Salt Lake City</p>
                              <!-- <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">8:30 p.m., Friday, January 27
 Prospector Square Theatre, Park City</p> -->

                              <a href="http://www.sundance.org/projects/independent-pilot-showcase" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <span style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; font-weight: bold; color: #F8E81C;">Get Tickets</span>
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
        <td align="left" valign="top" width="280">
        <![endif]-->

                      <div class="fullwidth" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 200px; vertical-align: top; width: 100%;">

                        <table class="fullwidth" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                          <tr>
                            <td class=" large-space fullwidth" align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 60px;">

                              <h3 style="font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1; letter-spacing: 0.5px; margin-bottom: 10px; margin-top: 0; text-align: left; font-size: 18px; color: white; text-transform: none;">Their Finest</h3>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">Saturday, January 21, 3:15 p.m., Salt Lake Library</p>
                              <!-- <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">12:00 p.m., Saturday, January 28
 Salt Lake City Library Theatre, Salt Lake City</p> -->
                              <a href="http://www.sundance.org/projects/their-finest" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <span style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; font-weight: bold; color: #F8E81C;">Get Tickets</span>
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
        </td>
        <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
                </tr>
                </table>
                <![endif]-->

                    </td>
                  </tr>
                </table>
                <h3 style="font-weight: normal; text-transform: uppercase; margin-top: 0; margin-bottom: 10px; font-family: 'Oswald', Helvetica, Arial, sans-serif; letter-spacing: 0.5px; line-height: 1; font-size: 16px; padding-bottom: 20px; text-align: center; color: white;">Follow Us</h3>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="large-space  mobilepadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 60px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                    <tr>
                    <![endif]-->
                      <table align="center" border="0" cellspacing="0" cellpadding="0" width="240" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 240px;">
                        <tr>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://www.facebook.com/sundance" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="16" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-facebook-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://twitter.com/sundancefest" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="26" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-twitter-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://www.instagram.com/sundanceorg/" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="26" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-instagram-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://sundancearchives.tumblr.com/" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="16" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-tumblr-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                          <td valign="middle" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; text-align: center; vertical-align: middle;" align="center">
                            <a href="https://www.youtube.com/sundancefilmfestival" style="box-sizing: border-box; color: #E60029; text-decoration: none;"><img width="27" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/fest-daily-youtube-white.png" border="0" style="-ms-interpolation-mode: bicubic; max-width: 100%; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; display: inline-block;"></a>
                          </td>
                        </tr>
                      </table>
                      <!--[if (gte mso 9)|(IE)]>
                    </tr>
                    </table>
                    <![endif]-->

                    </td>
                  </tr>
                </table>

                <h3 style="font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1; letter-spacing: 0.5px; margin-bottom: 10px; margin-top: 0; text-transform: uppercase; color: white; font-size: 16px; text-align: center;">Presenting Sponsors</h3>
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="" class="large-space" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-bottom: 60px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                    <tr>
                    <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
            <td align="center" valign="top" width="280">
            <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                          <tr>
                            <td class=" small-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px;">

                              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                                <tr>
                                  <td dir="" class="" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; font-size: 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                            <table align="center" border="0" cellspacing="0" cellpadding="0" width="280">
                            <tr>
                            <![endif]-->

                                    <!--[if (gte mso 9)|(IE)]>
                    <td align="left" valign="top" width="140">
                    <![endif]-->

                                    <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 32%; min-width: 106px; vertical-align: top; width: 100%;">

                                      <table class="" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                                        <tr>
                                          <td class="  " align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                            <a href="http://www.acura.com/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                              <img width="106" style="display: block; -ms-interpolation-mode: bicubic; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; max-width: 106px; width: 100%;"
                                                border="0" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/acura-white.png">
                                            </a>
                                          </td>
                                        </tr>
                                      </table>
                                    </div>

                                    <!--[if (gte mso 9)|(IE)]>
                    </td>
                    <![endif]-->


                                    <!--[if (gte mso 9)|(IE)]>
                    <td align="center" valign="top" width="140">
                    <![endif]-->

                                    <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 53%; min-width: 106px; vertical-align: top; width: 100%;">

                                      <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                                        <tr>
                                          <td class="  " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                            <a href="http://www.sundance.tv/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                              <img width="106" style="display: block; -ms-interpolation-mode: bicubic; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; max-width: 106px; width: 100%;"
                                                border="0" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/sundancetv-white.png">
                                            </a>

                                          </td>
                                        </tr>
                                      </table>
                                    </div>

                                    <!--[if (gte mso 9)|(IE)]>
                    </td>
                    <![endif]-->

                                    <!--[if (gte mso 9)|(IE)]>
                            </tr>
                            </table>
                            <![endif]-->

                                  </td>
                                </tr>
                              </table>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
            </td>
            <![endif]-->
                      <!--[if (gte mso 9)|(IE)]>
            <td align="center" valign="top" width="280">
            <![endif]-->

                      <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 240px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                          <tr>
                            <td class=" small-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 10px;">

                              <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 280px;">
                                <tr>
                                  <td dir="" class="" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; font-size: 0;">
                                    <!--[if (gte mso 9)|(IE)]>
                            <table align="center" border="0" cellspacing="0" cellpadding="0" width="280">
                            <tr>
                            <![endif]-->

                                    <!--[if (gte mso 9)|(IE)]>
                    <td align="center" valign="top" width="140">
                    <![endif]-->

                                    <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 106px; vertical-align: top; width: 100%;">

                                      <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                                        <tr>
                                          <td class="  " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                            <a href="http://www.chasesapphire.com/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                              <img width="106" style="display: block; -ms-interpolation-mode: bicubic; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; max-width: 106px; width: 100%;"
                                                border="0" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/chasesapphire-white.png">
                                            </a>

                                          </td>
                                        </tr>
                                      </table>
                                    </div>

                                    <!--[if (gte mso 9)|(IE)]>
                    </td>
                    <![endif]-->


                                    <!--[if (gte mso 9)|(IE)]>
                    <td align="center" valign="top" width="140">
                    <![endif]-->

                                    <div class="" dir="" style="box-sizing: border-box; display: inline-block; max-width: 50%; min-width: 106px; vertical-align: top; width: 100%;">

                                      <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 140px;">
                                        <tr>
                                          <td class="  " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                                            <a href="http://www.canada-goose.com/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                              <img width="106" style="display: block; -ms-interpolation-mode: bicubic; color: black; font-size: 40px; line-height: 120px; text-transform: uppercase; font-weight: bold; font-family: 'Oswald', Helvetica, Arial, sans-serif; max-width: 106px; width: 100%;"
                                                border="0" src="https://dotorg-prd-assets.s3.amazonaws.com/images/email-assets/global/canadagoose-white.png">
                                            </a>

                                          </td>
                                        </tr>
                                      </table>
                                    </div>

                                    <!--[if (gte mso 9)|(IE)]>
                    </td>
                    <![endif]-->

                                    <!--[if (gte mso 9)|(IE)]>
                            </tr>
                            </table>
                            <![endif]-->

                                  </td>
                                </tr>
                              </table>

                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
            </td>
            <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
                    </tr>
                    </table>
                    <![endif]-->

                    </td>
                  </tr>
                </table>


                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 560px;">
                  <tr>
                    <td dir="rtl" class="desktoppadding nopadding" align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; vertical-align: top; padding-left: 20px; padding-right: 20px; font-size: 0;">
                      <!--[if (gte mso 9)|(IE)]>
                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="560">
                    <tr>
                    <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
          <td align="center" valign="top" width="100">
          <![endif]-->

                      <div class="" dir="ltr" style="box-sizing: border-box; display: inline-block; max-width: 17%; min-width: 80px; vertical-align: top; width: 100%;">

                        <table class="" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 100px;">
                          <tr>
                            <td class=" medium-space " align="center" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top; padding-bottom: 30px;">
                              <a href="http://www.sundance.org/" style="box-sizing: border-box; color: #E60029; text-decoration: none;">
                                <img width="80" src="https://gallery.mailchimp.com/d2b7ca60af6d00b0be91a01af/images/7d116a82-7bc7-4706-adff-8aa92b82daaf.png" style="color: black; font-family: 'Oswald', Helvetica, Arial, sans-serif; font-weight: bold; display: block; -ms-interpolation-mode: bicubic; text-transform: uppercase; font-size: 40px; line-height: 120px; width: 100%; padding-left: 10px; max-width: 80px;"
                                  alt="Sundance Institute">
                              </a>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
          </td>
          <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
          <td align="left" valign="top" width="460">
          <![endif]-->

                      <div class="" dir="ltr" style="box-sizing: border-box; display: inline-block; max-width: 83%; min-width: 250px; vertical-align: top; width: 100%;">

                        <table class="" align="left" border="0" cellpadding="0" cellspacing="0" width="100%" style="box-sizing: border-box; border-collapse: separate !important; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 460px;">
                          <tr>
                            <td class="  " align="left" valign="top" style="box-sizing: border-box; font-family: 'Open Sans', Arial, sans-serif; font-size: 16px; vertical-align: top;">
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">The Sundance Film Festival is one program of Sundance Institute, a nonprofit organization that discovers and supports independent film and theatre artists from the U.S. and around the world, and introduces audiences to their
                                new work.</p>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">Sundance Institute, P.O. Box 684429, Park City, UT 84068</p>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: white;">©2017 Sundance Institute &middot; All rights reserved</p>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; line-height: 1.3; letter-spacing: 0.5px; text-align: left; margin-bottom: 0; color: white;">You are receiving this email because you opted in on our website.</p>
                              <p style="font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; margin: 0; margin-bottom: 10px; line-height: 1.3; letter-spacing: 0.5px; text-align: left; color: #F8E81E;"><a style="box-sizing: border-box; text-decoration: none; color: #F8E81E;" href="#">unsubscribe</a> | <a style="box-sizing: border-box; text-decoration: none; color: #F8E81E;" href="#">update subscription</a></p>
                            </td>
                          </tr>
                        </table>
                      </div>

                      <!--[if (gte mso 9)|(IE)]>
          </td>
          <![endif]-->

                      <!--[if (gte mso 9)|(IE)]>
                    </tr>
                    </table>
                    <![endif]-->

                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>

          <!--[if (gte mso 9)|(IE)]>
            </td>
            </tr>
            </table>
            <![endif]-->

        </td>
      </tr>


    </table>
  </center>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console