Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

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.

            
              <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- start coded_template: id:4887453355 path:Custom/email/MJFM/mjfm_digest-dark.html -->
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <!--[if !mso]><!-->
  <!--<![endif]-->
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <title>How to look (and feel) great on camera 💃</title>
  <style type="text/css" id="hs-inline-css">
    .wrapper {
      width: 100%;
    }
    body,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    li,
    p,
    table.body {
      font-family: "Source Sans Pro", "Trebuchet MS", sans-serif !important;
      margin-top: 0;
    }
    body,
    table.body {
      color: #222;
      font-weight: 400;
      line-height: 1.7;
    }
    ffont-size h5,
    h1,
    h2,
    h3,
    h4,
    h6 {
      color: inherit;
      word-wrap: normal;
      font-weight: 700;
      margin-bottom: 5px;
      margin-bottom: 5px;
    }
    h1 {
      font-size: 30px;
      line-height: 1.2 !important;
    }
    h2 {
      font-size: 24px;
    }
    h3 {
      font-size: 18px;
    }
    h4 {
      font-size: 16px;
    }
    h5 {
      font-size: 16px;
    }
    h6 {
      font-size: 15px;
    }
    body,
    p,
    table.body,
    td {
      font-size: 16px;
      line-height: 19px;
    }
    p {
      margin-bottom: 10px;
      margin-bottom: 10px;
    }
    p.lead {
      font-size: 20px;
      line-height: 1.6;
    }
    p.subheader {
      margin-top: 4px;
      margin-bottom: 8px;
      margin-top: 4px;
      margin-bottom: 8px;
      font-weight: 400;
      line-height: 1.4;
      color: #8a8a8a;
    }
    small {
      font-size: 80%;
      color: #9ca8b7;
    }
    a {
      color: #3ca9f9;
      text-decoration: none;
    }
    a:hover {
      color: #0b93f7;
    }
    a:active {
      color: #0b93f7;
    }
    a:visited {
      color: #3ca9f9;
    }
    h1 a,
    h1 a:visited,
    h2 a,
    h2 a:visited,
    h3 a,
    h3 a:visited,
    h4 a,
    h4 a:visited,
    h5 a,
    h5 a:visited,
    h6 a,
    h6 a:visited {
      color: #3ca9f9;
    }
    pre {
      background: #f3f3f3;
      margin: 30px 0;
      margin: 30px 0;
    }
    pre code {
      color: #9ca8b7;
    }
    pre code span.callout {
      color: #8a8a8a;
      font-weight: 700;
    }
    pre code span.callout-strong {
      color: #ff6908;
      font-weight: 700;
    }
    hr {
      max-width: 650px;
      height: 0;
      border-right: 0;
      border-top: 0;
      border-bottom: 1px solid #9ca8b7;
      border-left: 0;
      margin: 20px auto;
      margin: 20px auto;
      clear: both;
    }
    .stat {
      font-size: 40px;
      line-height: 1;
    }
    p + .stat {
      margin-top: -16px;
      margin-top: -16px;
    }
    #outlook a {
      padding: 0;
    }
    body {
      width: 100% !important;
      min-width: 100%;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      margin: 0;
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    .ExternalClass {
      width: 100%;
    }
    .ExternalClass,
    .ExternalClass div,
    .ExternalClass font,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass td {
      line-height: 100%;
    }
    #backgroundTable {
      margin: 0;
      margin: 0;
      padding: 0;
      width: 100% !important;
      line-height: 100% !important;
    }
    img {
      outline: 0;
      text-decoration: none;
      -ms-interpolation-mode: bicubic;
      width: auto;
      max-width: 100%;
      clear: both;
      display: block;
    }
    center {
      width: 100%;
      min-width: 650px;
    }
    a img {
      border: none;
    }
    table {
      border-spacing: 0;
      border-collapse: collapse;
    }
    td {
      border-collapse: collapse !important;
    }
    table,
    td,
    tr {
      padding: 0;
      vertical-align: top;
      text-align: left;
    }
    @media only screen {
      html {
        min-height: 100%;
        background: #fefefe;
      }
    }
    table.body {
      background: #fefefe;
      height: 100%;
      width: 100%;
    }
    table.container {
      background: #fefefe;
      width: 650px;
      margin: 0 auto;
      margin: 0 auto;
      text-align: inherit;
    }
    table.row {
      padding: 0;
      width: 100%;
      position: relative;
    }
    table.spacer {
      width: 100%;
    }
    table.spacer td {
      mso-line-height-rule: exactly;
    }
    table.container table.row {
      display: table;
    }
    td.column,
    td.columns,
    th.column,
    th.columns {
      margin: 0 auto;
      margin: 0 auto;
      padding-left: 16px;
      padding-bottom: 16px;
    }
    td.column .column,
    td.column .columns,
    td.columns .column,
    td.columns .columns,
    th.column .column,
    th.column .columns,
    th.columns .column,
    th.columns .columns {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    td.column .column center,
    td.column .columns center,
    td.columns .column center,
    td.columns .columns center,
    th.column .column center,
    th.column .columns center,
    th.columns .column center,
    th.columns .columns center {
      min-width: none !important;
    }
    td.column.last,
    td.columns.last,
    th.column.last,
    th.columns.last {
      padding-right: 16px;
    }
    td.column table:not(.button),
    td.columns table:not(.button),
    th.column table:not(.button),
    th.columns table:not(.button) {
      width: 100%;
    }
    td.large-1,
    th.large-1 {
      width: 38.17px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-1.first,
    th.large-1.first {
      padding-left: 16px;
    }
    td.large-1.last,
    th.large-1.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-1,
    .collapse > tbody > tr > th.large-1 {
      padding-right: 0;
      padding-left: 0;
      width: 54.17px;
    }
    .collapse td.large-1.first,
    .collapse td.large-1.last,
    .collapse th.large-1.first,
    .collapse th.large-1.last {
      width: 62.17px;
    }
    td.large-1 center,
    th.large-1 center {
      min-width: 6.17px;
    }
    .body .column td.large-1,
    .body .column th.large-1,
    .body .columns td.large-1,
    .body .columns th.large-1 {
      width: 8.33333%;
    }
    td.large-2,
    th.large-2 {
      width: 92.33px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-2.first,
    th.large-2.first {
      padding-left: 16px;
    }
    td.large-2.last,
    th.large-2.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-2,
    .collapse > tbody > tr > th.large-2 {
      padding-right: 0;
      padding-left: 0;
      width: 108.33px;
    }
    .collapse td.large-2.first,
    .collapse td.large-2.last,
    .collapse th.large-2.first,
    .collapse th.large-2.last {
      width: 116.33px;
    }
    td.large-2 center,
    th.large-2 center {
      min-width: 60.33px;
    }
    .body .column td.large-2,
    .body .column th.large-2,
    .body .columns td.large-2,
    .body .columns th.large-2 {
      width: 16.66667%;
    }
    td.large-3,
    th.large-3 {
      width: 146.5px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-3.first,
    th.large-3.first {
      padding-left: 16px;
    }
    td.large-3.last,
    th.large-3.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-3,
    .collapse > tbody > tr > th.large-3 {
      padding-right: 0;
      padding-left: 0;
      width: 162.5px;
    }
    .collapse td.large-3.first,
    .collapse td.large-3.last,
    .collapse th.large-3.first,
    .collapse th.large-3.last {
      width: 170.5px;
    }
    td.large-3 center,
    th.large-3 center {
      min-width: 114.5px;
    }
    .body .column td.large-3,
    .body .column th.large-3,
    .body .columns td.large-3,
    .body .columns th.large-3 {
      width: 25%;
    }
    td.large-4,
    th.large-4 {
      width: 200.67px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-4.first,
    th.large-4.first {
      padding-left: 16px;
    }
    td.large-4.last,
    th.large-4.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-4,
    .collapse > tbody > tr > th.large-4 {
      padding-right: 0;
      padding-left: 0;
      width: 216.67px;
    }
    .collapse td.large-4.first,
    .collapse td.large-4.last,
    .collapse th.large-4.first,
    .collapse th.large-4.last {
      width: 224.67px;
    }
    td.large-4 center,
    th.large-4 center {
      min-width: 168.67px;
    }
    .body .column td.large-4,
    .body .column th.large-4,
    .body .columns td.large-4,
    .body .columns th.large-4 {
      width: 33.33333%;
    }
    td.large-5,
    th.large-5 {
      width: 254.83px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-5.first,
    th.large-5.first {
      padding-left: 16px;
    }
    td.large-5.last,
    th.large-5.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-5,
    .collapse > tbody > tr > th.large-5 {
      padding-right: 0;
      padding-left: 0;
      width: 270.83px;
    }
    .collapse td.large-5.first,
    .collapse td.large-5.last,
    .collapse th.large-5.first,
    .collapse th.large-5.last {
      width: 278.83px;
    }
    td.large-5 center,
    th.large-5 center {
      min-width: 222.83px;
    }
    .body .column td.large-5,
    .body .column th.large-5,
    .body .columns td.large-5,
    .body .columns th.large-5 {
      width: 41.66667%;
    }
    td.large-6,
    th.large-6 {
      width: 309px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-6.first,
    th.large-6.first {
      padding-left: 16px;
    }
    td.large-6.last,
    th.large-6.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-6,
    .collapse > tbody > tr > th.large-6 {
      padding-right: 0;
      padding-left: 0;
      width: 325px;
    }
    .collapse td.large-6.first,
    .collapse td.large-6.last,
    .collapse th.large-6.first,
    .collapse th.large-6.last {
      width: 333px;
    }
    td.large-6 center,
    th.large-6 center {
      min-width: 277px;
    }
    .body .column td.large-6,
    .body .column th.large-6,
    .body .columns td.large-6,
    .body .columns th.large-6 {
      width: 50%;
    }
    td.large-7,
    th.large-7 {
      width: 363.17px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-7.first,
    th.large-7.first {
      padding-left: 16px;
    }
    td.large-7.last,
    th.large-7.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-7,
    .collapse > tbody > tr > th.large-7 {
      padding-right: 0;
      padding-left: 0;
      width: 379.17px;
    }
    .collapse td.large-7.first,
    .collapse td.large-7.last,
    .collapse th.large-7.first,
    .collapse th.large-7.last {
      width: 387.17px;
    }
    td.large-7 center,
    th.large-7 center {
      min-width: 331.17px;
    }
    .body .column td.large-7,
    .body .column th.large-7,
    .body .columns td.large-7,
    .body .columns th.large-7 {
      width: 58.33333%;
    }
    td.large-8,
    th.large-8 {
      width: 417.33px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-8.first,
    th.large-8.first {
      padding-left: 16px;
    }
    td.large-8.last,
    th.large-8.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-8,
    .collapse > tbody > tr > th.large-8 {
      padding-right: 0;
      padding-left: 0;
      width: 433.33px;
    }
    .collapse td.large-8.first,
    .collapse td.large-8.last,
    .collapse th.large-8.first,
    .collapse th.large-8.last {
      width: 441.33px;
    }
    td.large-8 center,
    th.large-8 center {
      min-width: 385.33px;
    }
    .body .column td.large-8,
    .body .column th.large-8,
    .body .columns td.large-8,
    .body .columns th.large-8 {
      width: 66.66667%;
    }
    td.large-9,
    th.large-9 {
      width: 471.5px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-9.first,
    th.large-9.first {
      padding-left: 16px;
    }
    td.large-9.last,
    th.large-9.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-9,
    .collapse > tbody > tr > th.large-9 {
      padding-right: 0;
      padding-left: 0;
      width: 487.5px;
    }
    .collapse td.large-9.first,
    .collapse td.large-9.last,
    .collapse th.large-9.first,
    .collapse th.large-9.last {
      width: 495.5px;
    }
    td.large-9 center,
    th.large-9 center {
      min-width: 439.5px;
    }
    .body .column td.large-9,
    .body .column th.large-9,
    .body .columns td.large-9,
    .body .columns th.large-9 {
      width: 75%;
    }
    td.large-10,
    th.large-10 {
      width: 525.67px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-10.first,
    th.large-10.first {
      padding-left: 16px;
    }
    td.large-10.last,
    th.large-10.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-10,
    .collapse > tbody > tr > th.large-10 {
      padding-right: 0;
      padding-left: 0;
      width: 541.67px;
    }
    .collapse td.large-10.first,
    .collapse td.large-10.last,
    .collapse th.large-10.first,
    .collapse th.large-10.last {
      width: 549.67px;
    }
    td.large-10 center,
    th.large-10 center {
      min-width: 493.67px;
    }
    .body .column td.large-10,
    .body .column th.large-10,
    .body .columns td.large-10,
    .body .columns th.large-10 {
      width: 83.33333%;
    }
    td.large-11,
    th.large-11 {
      width: 579.83px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-11.first,
    th.large-11.first {
      padding-left: 16px;
    }
    td.large-11.last,
    th.large-11.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-11,
    .collapse > tbody > tr > th.large-11 {
      padding-right: 0;
      padding-left: 0;
      width: 595.83px;
    }
    .collapse td.large-11.first,
    .collapse td.large-11.last,
    .collapse th.large-11.first,
    .collapse th.large-11.last {
      width: 603.83px;
    }
    td.large-11 center,
    th.large-11 center {
      min-width: 547.83px;
    }
    .body .column td.large-11,
    .body .column th.large-11,
    .body .columns td.large-11,
    .body .columns th.large-11 {
      width: 91.66667%;
    }
    td.large-12,
    th.large-12 {
      width: 634px;
      padding-left: 8px;
      padding-right: 8px;
    }
    td.large-12.first,
    th.large-12.first {
      padding-left: 16px;
    }
    td.large-12.last,
    th.large-12.last {
      padding-right: 16px;
    }
    .collapse > tbody > tr > td.large-12,
    .collapse > tbody > tr > th.large-12 {
      padding-right: 0;
      padding-left: 0;
      width: 650px;
    }
    .collapse td.large-12.first,
    .collapse td.large-12.last,
    .collapse th.large-12.first,
    .collapse th.large-12.last {
      width: 658px;
    }
    td.large-12 center,
    th.large-12 center {
      min-width: 602px;
    }
    .body .column td.large-12,
    .body .column th.large-12,
    .body .columns td.large-12,
    .body .columns th.large-12 {
      width: 100%;
    }
    td.large-offset-1,
    td.large-offset-1.first,
    td.large-offset-1.last,
    th.large-offset-1,
    th.large-offset-1.first,
    th.large-offset-1.last {
      padding-left: 70.17px;
    }
    td.large-offset-2,
    td.large-offset-2.first,
    td.large-offset-2.last,
    th.large-offset-2,
    th.large-offset-2.first,
    th.large-offset-2.last {
      padding-left: 124.33px;
    }
    td.large-offset-3,
    td.large-offset-3.first,
    td.large-offset-3.last,
    th.large-offset-3,
    th.large-offset-3.first,
    th.large-offset-3.last {
      padding-left: 178.5px;
    }
    td.large-offset-4,
    td.large-offset-4.first,
    td.large-offset-4.last,
    th.large-offset-4,
    th.large-offset-4.first,
    th.large-offset-4.last {
      padding-left: 232.67px;
    }
    td.large-offset-5,
    td.large-offset-5.first,
    td.large-offset-5.last,
    th.large-offset-5,
    th.large-offset-5.first,
    th.large-offset-5.last {
      padding-left: 286.83px;
    }
    td.large-offset-6,
    td.large-offset-6.first,
    td.large-offset-6.last,
    th.large-offset-6,
    th.large-offset-6.first,
    th.large-offset-6.last {
      padding-left: 341px;
    }
    td.large-offset-7,
    td.large-offset-7.first,
    td.large-offset-7.last,
    th.large-offset-7,
    th.large-offset-7.first,
    th.large-offset-7.last {
      padding-left: 395.17px;
    }
    td.large-offset-8,
    td.large-offset-8.first,
    td.large-offset-8.last,
    th.large-offset-8,
    th.large-offset-8.first,
    th.large-offset-8.last {
      padding-left: 449.33px;
    }
    td.large-offset-9,
    td.large-offset-9.first,
    td.large-offset-9.last,
    th.large-offset-9,
    th.large-offset-9.first,
    th.large-offset-9.last {
      padding-left: 503.5px;
    }
    td.large-offset-10,
    td.large-offset-10.first,
    td.large-offset-10.last,
    th.large-offset-10,
    th.large-offset-10.first,
    th.large-offset-10.last {
      padding-left: 557.67px;
    }
    td.large-offset-11,
    td.large-offset-11.first,
    td.large-offset-11.last,
    th.large-offset-11,
    th.large-offset-11.first,
    th.large-offset-11.last {
      padding-left: 611.83px;
    }
    td.expander,
    th.expander {
      visibility: hidden;
      width: 0;
      padding: 0 !important;
    }
    table.container.radius {
      border-radius: 0;
      border-collapse: separate;
    }
    .block-grid {
      width: 100%;
      max-width: 650px;
    }
    .block-grid td {
      display: inline-block;
      padding: 8px;
    }
    .up-2 td {
      width: 309px !important;
    }
    .up-3 td {
      width: 200px !important;
    }
    .up-4 td {
      width: 146px !important;
    }
    .up-5 td {
      width: 114px !important;
    }
    .up-6 td {
      width: 92px !important;
    }
    .up-7 td {
      width: 76px !important;
    }
    .up-8 td {
      width: 65px !important;
    }
    h1.text-center,
    h2.text-center,
    h3.text-center,
    h4.text-center,
    h5.text-center,
    h6.text-center,
    p.text-center,
    span.text-center,
    table.text-center,
    td.text-center,
    th.text-center {
      text-align: center;
    }
    h1.text-left,
    h2.text-left,
    h3.text-left,
    h4.text-left,
    h5.text-left,
    h6.text-left,
    p.text-left,
    span.text-left,
    table.text-left,
    td.text-left,
    th.text-left {
      text-align: left;
    }
    h1.text-right,
    h2.text-right,
    h3.text-right,
    h4.text-right,
    h5.text-right,
    h6.text-right,
    p.text-right,
    span.text-right,
    table.text-right,
    td.text-right,
    th.text-right {
      text-align: right;
    }
    span.text-center {
      display: block;
      width: 100%;
      text-align: center;
    }
    @media only screen and (max-width: 666px) {
      .small-float-center {
        margin: 0 auto !important;
        float: none !important;
        text-align: center !important;
      }
      .small-text-center {
        text-align: center !important;
      }
      .small-text-left {
        text-align: left !important;
      }
      .small-text-right {
        text-align: right !important;
      }
    }
    img.float-left {
      float: left;
      text-align: left;
    }
    img.float-right {
      float: right;
      text-align: right;
    }
    img.float-center,
    img.text-center {
      margin: 0 auto;
      margin: 0 auto;
      float: none;
      text-align: center;
    }
    table.float-center,
    td.float-center,
    th.float-center {
      margin: 0 auto;
      margin: 0 auto;
      float: none;
      text-align: center;
    }
    .hide-for-large {
      display: none !important;
      mso-hide: all;
      overflow: hidden;
      max-height: 0;
      font-size: 0;
      width: 0;
      line-height: 0;
    }
    @media only screen and (max-width: 666px) {
      .hide-for-large {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        max-height: none !important;
        font-size: inherit !important;
        line-height: inherit !important;
      }
    }
    table.body table.container .hide-for-large * {
      mso-hide: all;
    }
    @media only screen and (max-width: 666px) {
      table.body table.container .hide-for-large,
      table.body table.container .row.hide-for-large {
        display: table !important;
        width: 100% !important;
      }
    }
    @media only screen and (max-width: 666px) {
      table.body table.container .callout-inner.hide-for-large {
        display: table-cell !important;
        width: 100% !important;
      }
    }
    @media only screen and (max-width: 666px) {
      table.body table.container .show-for-large {
        display: none !important;
        width: 0;
        mso-hide: all;
        overflow: hidden;
      }
    }
    body.outlook p {
      display: inline !important;
    }
    @media only screen and (max-width: 666px) {
      table.body img {
        width: auto;
        height: auto;
      }
      table.body center {
        min-width: 0 !important;
      }
      table.body .container {
        width: 95% !important;
      }
      table.body .column,
      table.body .columns {
        height: auto !important;
        box-sizing: border-box;
        padding-left: 16px !important;
        padding-right: 16px !important;
      }
      table.body .column .column,
      table.body .column .columns,
      table.body .columns .column,
      table.body .columns .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.body .collapse .column,
      table.body .collapse .columns {
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      td.small-1,
      th.small-1 {
        display: inline-block !important;
        width: 8.33333% !important;
      }
      td.small-2,
      th.small-2 {
        display: inline-block !important;
        width: 16.66667% !important;
      }
      td.small-3,
      th.small-3 {
        display: inline-block !important;
        width: 25% !important;
      }
      td.small-4,
      th.small-4 {
        display: inline-block !important;
        width: 33.33333% !important;
      }
      td.small-5,
      th.small-5 {
        display: inline-block !important;
        width: 41.66667% !important;
      }
      td.small-6,
      th.small-6 {
        display: inline-block !important;
        width: 50% !important;
      }
      td.small-7,
      th.small-7 {
        display: inline-block !important;
        width: 58.33333% !important;
      }
      td.small-8,
      th.small-8 {
        display: inline-block !important;
        width: 66.66667% !important;
      }
      td.small-9,
      th.small-9 {
        display: inline-block !important;
        width: 75% !important;
      }
      td.small-10,
      th.small-10 {
        display: inline-block !important;
        width: 83.33333% !important;
      }
      td.small-11,
      th.small-11 {
        display: inline-block !important;
        width: 91.66667% !important;
      }
      td.small-12,
      th.small-12 {
        display: inline-block !important;
        width: 100% !important;
      }
      .column td.small-12,
      .column th.small-12,
      .columns td.small-12,
      .columns th.small-12 {
        display: block !important;
        width: 100% !important;
      }
      table.body td.small-offset-1,
      table.body th.small-offset-1 {
        margin-left: 8.33333% !important;
        margin-left: 8.33333% !important;
      }
      table.body td.small-offset-2,
      table.body th.small-offset-2 {
        margin-left: 16.66667% !important;
        margin-left: 16.66667% !important;
      }
      table.body td.small-offset-3,
      table.body th.small-offset-3 {
        margin-left: 25% !important;
        margin-left: 25% !important;
      }
      table.body td.small-offset-4,
      table.body th.small-offset-4 {
        margin-left: 33.33333% !important;
        margin-left: 33.33333% !important;
      }
      table.body td.small-offset-5,
      table.body th.small-offset-5 {
        margin-left: 41.66667% !important;
        margin-left: 41.66667% !important;
      }
      table.body td.small-offset-6,
      table.body th.small-offset-6 {
        margin-left: 50% !important;
        margin-left: 50% !important;
      }
      table.body td.small-offset-7,
      table.body th.small-offset-7 {
        margin-left: 58.33333% !important;
        margin-left: 58.33333% !important;
      }
      table.body td.small-offset-8,
      table.body th.small-offset-8 {
        margin-left: 66.66667% !important;
        margin-left: 66.66667% !important;
      }
      table.body td.small-offset-9,
      table.body th.small-offset-9 {
        margin-left: 75% !important;
        margin-left: 75% !important;
      }
      table.body td.small-offset-10,
      table.body th.small-offset-10 {
        margin-left: 83.33333% !important;
        margin-left: 83.33333% !important;
      }
      table.body td.small-offset-11,
      table.body th.small-offset-11 {
        margin-left: 91.66667% !important;
        margin-left: 91.66667% !important;
      }
      table.body table.columns td.expander,
      table.body table.columns th.expander {
        display: none !important;
      }
      table.body .right-text-pad,
      table.body .text-pad-right {
        padding-left: 10px !important;
      }
      table.body .left-text-pad,
      table.body .text-pad-left {
        padding-right: 10px !important;
      }
      table.menu {
        width: 100% !important;
      }
      table.menu td,
      table.menu th {
        width: auto !important;
        display: inline-block !important;
      }
      table.menu.small-vertical td,
      table.menu.small-vertical th,
      table.menu.vertical td,
      table.menu.vertical th {
        display: block !important;
      }
      table.menu[align="center"] {
        width: auto !important;
      }
      table.button.small-expand,
      table.button.small-expanded {
        width: 100% !important;
      }
      table.button.small-expand table,
      table.button.small-expanded table {
        width: 100%;
      }
      table.button.small-expand table a,
      table.button.small-expanded table a {
        text-align: center !important;
        width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
      table.button.small-expand center,
      table.button.small-expanded center {
        min-width: 0;
      }
    }
    table {
      float: none;
    }
    .hs_cos_wrapper_widget {
      position: relative !important;
      clear: both !important;
    }
    th.enabled--true {
      padding-top: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-bottom: 0;
    }
    th.enabled--true > table > tbody > tr > th > table {
      margin-top: 8px;
      margin-top: 8px;
      margin-bottom: 8px;
      margin-bottom: 8px;
    }
    @media (max-width: 599px) {
      th.enabled--true {
        line-height: 0 !important;
      }
    }
    @media only screen and (max-width: 666px) {
      th.enabled--true {
        display: table !important;
      }
    }
    body {
      -webkit-font-smoothing: antialiased;
    }
    table:not(.spacer) td:not(.spacer),
    table:not(.spacer) th:not(.expander):not(.space),
    table:not(.spacer) tr {
      vertical-align: middle !important;
    }
    table:not(.spacer).container {
      background-color: transparent;
    }
    .header {
      background-color: transparent;
      margin-top: 30px !important;
      margin-bottom: 20px !important;
      font-size: 14px;
    }
    .digest-dark .header a,
    .digest-dark .header div,
    .digest-dark .header td,
    .digest-dark .header th {
      color: #fff !important;
    }
    .header th {
      font-size: 14px !important;
    }
    .header th > div {
      font-family: "Source Sans Pro", "Trebuchet MS", sans-serif !important;
    }
    .header th.last {
      text-align: right !important;
    }
    .header th.last a {
      display: block;
      text-align: right !important;
    }
    @media (max-width: 675px) {
      .header th {
        text-align: center !important;
      }
      .header th.last {
        text-align: center !important;
      }
      .header th.last a {
        display: inline-block !important;
        text-align: center !important;
      }
    }
    .header a {
      color: #8a8a8a !important;
      text-decoration: underline;
    }
    .digest-dark .header a {
      color: #fff !important;
    }
    .header img {
      width: 156px;
      height: 24px;
      display: inline-block !important;
    }
    .header td,
    .header th:not(.expander) {
      vertical-align: middle !important;
    }
    @media (max-width: 675px) {
      .header a,
      .header div,
      .header td,
      .header th:not(.expander) {
        text-align: center !important;
      }
    }
    .header .logo img {
      display: block !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .banner img {
      width: 100%;
    }
    .footer {
      background-color: transparent;
      margin-top: 30px;
    }
    @media (max-width: 599px) {
      .footer,
      .footer table {
        width: auto !important;
      }
      .footer th:not(.expander).first.last {
        width: 100% !important;
      }
    }
    .footer table {
      text-align: center;
    }
    .footer a,
    .footer p,
    .footer span {
      color: #9ca8b7;
      text-align: center;
    }
    .digest-dark .footer a,
    .digest-dark .footer p,
    .digest-dark .footer span {
      color: #fefefe !important;
    }
    .footer .container {
      background-color: transparent;
    }
    .footer p {
      font-size: 16px !important;
      margin-bottom: 20px;
    }
    .footer a {
      font-size: 16px !important;
      text-decoration: underline;
    }
    .footer .social table {
      align: center;
      margin-top: 22px;
      margin-bottom: 22px !important;
      width: auto !important;
    }
    .footer .social table a {
      display: block;
    }
    .footer .social table img {
      border: 0;
      width: 18px !important;
    }
    .footer .unsubscribe {
      font-size: 16px;
    }
    .semibold {
      font-weight: 600 !important;
    }
    .line {
      display: block;
    }
    p .line {
      padding: 5px 0;
    }
    img[src*="embed-ssl.wistia.com"] {
      max-width: 100% !important;
    }
    body.digest .header {
      background-color: transparent;
      margin-top: 30px !important;
      margin-bottom: 20px !important;
      font-size: 14px;
    }
    body.digest .header,
    body.digest .header a {
      color: #9ca8b7 !important;
    }
    body.digest .header div,
    body.digest .header td,
    body.digest .header th {
      font-size: 14px !important;
    }
    body.digest .header div.first,
    body.digest .header td.first,
    body.digest .header th.first {
      text-align: left !important;
    }
    body.digest .header div.last th,
    body.digest .header td.last th,
    body.digest .header th.last th {
      text-align: right;
    }
    @media (max-width: 599px) {
      body.digest .header div,
      body.digest .header div th,
      body.digest .header td,
      body.digest .header td th,
      body.digest .header th,
      body.digest .header th th {
        text-align: center !important;
      }
    }
    body.digest .theme--whitebg-bluefg .main,
    body.digest .theme--whitebg-bluefg .submodule {
      background-color: #fff !important;
      margin-bottom: 10px !important;
    }
    table.additional table.row > tbody > tr > th.first.last {
      padding-top: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-bottom: 0;
    }
    table.additional
      table.row
      > tbody
      > tr
      > th.first.last
      > table
      > tbody
      > tr
      > th
      > table {
      margin-top: 8px;
      margin-top: 8px;
      margin-bottom: 8px;
      margin-bottom: 8px;
    }
    @media (max-width: 599px) {
      table.additional table.row > tbody > tr > th.first.last {
        line-height: 0 !important;
      }
    }
    @media only screen and (max-width: 666px) {
      table.additional table.row > tbody > tr > th.first.last {
        display: table !important;
      }
    }
    body.alt-digest {
      background-color: #fefefe !important;
    }
    body.alt-digest .header {
      margin-top: 0 !important;
    }
    body.alt-digest table.body > tbody > tr > td > center {
      max-width: 800px !important;
      margin-left: auto !important;
      margin-right: auto !important;
    }
    body.alt-digest a {
      text-decoration: underline !important;
    }
    @media (max-width: 859px) {
      body.alt-digest .full-cta {
        width: 100% !important;
        max-width: 100% !important;
      }
    }
    .submodule a {
      white-space: nowrap;
    }
    .headline-event,
    .headline-event > tbody > tr > th > table {
      background-color: #fefefe;
    }
    .headline-event__content,
    .headline-event__content * {
      text-align: center;
    }
    .headline-event__content .hs-cta-wrapper {
      display: inline-block;
    }
    .headline-event__content h1,
    .headline-event__content h2,
    .headline-event__content h3 {
      font-weight: 700;
    }
    .headline-event__content .hs-cta-wrapper {
      display: inline-block;
      margin-top: 20px !important;
    }
    .headline-event__embed {
      text-align: center;
    }
    .headline-event__embed img {
      margin-left: auto !important;
      margin-right: auto !important;
    }
    .headline-event__embed img,
    .headline-event__embed video {
      width: 100% !important;
      height: auto;
    }
    .headline-event.theme--bluebg-greenfg .headline-event__content h1,
    .headline-event.theme--bluebg-greenfg .headline-event__content h1 a,
    .headline-event.theme--bluebg-purplefg .headline-event__content h1,
    .headline-event.theme--bluebg-purplefg .headline-event__content h1 a,
    .headline-event.theme--greenbg-yellowfg .headline-event__content h1,
    .headline-event.theme--greenbg-yellowfg .headline-event__content h1 a {
      color: #fff;
    }
    .headline-event.theme--whitebg-bluefg {
      border: 1px solid #fefefe;
    }
    .headline-event.theme--whitebg-bluefg .headline-event__content {
      color: #0a0a0a;
    }
    .headline-event.theme--whitebg-bluefg .headline-event__content h1 {
      color: #3ca9f9 !important;
    }
    .headline-event.theme--whitebg-greenfg {
      border: 1px solid #fefefe;
    }
    .headline-event.theme--whitebg-greenfg .headline-event__content {
      color: #0a0a0a;
    }
    .headline-event.theme--whitebg-greenfg .headline-event__content h1 {
      color: #54be8b !important;
    }
    .link-blocks {
      background-color: #fff;
      border: 1px solid #fefefe;
    }
    .link-blocks.lines .link-block {
      padding-bottom: 15px;
      border-bottom: 1px solid #f3f3f3;
      margin-bottom: 0 !important;
    }
    .link-blocks.lines .link-block:last-of-type {
      border-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
    .link-blocks__section-header h3,
    .link-blocks__section-header h4 {
      margin-bottom: 20px !important;
    }
    .link-blocks__section-header p:last-of-type {
      margin-bottom: 0 !important;
    }
    @media (max-width: 599px) {
      .link-blocks .link-blocks__section-header {
        text-align: center;
      }
      .link-blocks table.link-block,
      .link-blocks table.link-block tbody,
      .link-blocks table.link-block td,
      .link-blocks table.link-block th,
      .link-blocks table.link-block tr {
        display: block !important;
      }
      .link-blocks table.link-block td.space {
        display: none !important;
      }
      .link-blocks table.link-block .link-block__content {
        width: auto !important;
      }
      .link-blocks table.link-block .link-block__image {
        width: 100% !important;
      }
    }
    .link-block {
      display: block;
      clear: both;
      border-radius: 6px !important;
      margin-bottom: 10px !important;
    }
    .link-block.border {
      border: 1px solid #f3f3f3;
    }
    .link-block__content {
      padding: 12px 20px !important;
      vertical-align: middle;
    }
    .link-block__content a {
      color: #3ca9f9 !important;
      text-decoration: underline;
      font-weight: 600;
      font-size: 16px;
    }
    .link-block__content div,
    .link-block__content p {
      margin-bottom: 0 !important;
    }
    @media (max-width: 599px) {
      .link-block__content {
        width: 100% !important;
      }
    }
    @media (max-width: 599px) {
      .link-block__image {
        width: 100% !important;
        text-align: center;
      }
      .link-block__image img {
        width: 100% !important;
      }
    }
    .links--dark-blue a,
    .links--dark-blue a > span {
      color: #3769cc !important;
    }
    .links--pink a,
    .links--pink a > span {
      color: #ec5a86 !important;
    }
    .links--purple a,
    .links--purple a > span {
      color: #d1a8ed !important;
    }
    .links--green a,
    .links--green a > span {
      color: #54be8b !important;
    }
    .links--yellow a,
    .links--yellow a > span {
      color: #fcc56d !important;
    }
    .color-block {
      text-align: center;
      border: 1px solid #fefefe;
    }
    .color-block a {
      display: inline-block !important;
      text-decoration: underline !important;
      font-weight: 600 !important;
      text-align: center;
    }
    .color-block--blue,
    .color-block--blue a,
    .color-block--blue a > span,
    .color-block--blue h1,
    .color-block--blue h2,
    .color-block--blue h3,
    .color-block--blue h4,
    .color-block--dark-blue,
    .color-block--dark-blue a,
    .color-block--dark-blue a > span,
    .color-block--dark-blue h1,
    .color-block--dark-blue h2,
    .color-block--dark-blue h3,
    .color-block--dark-blue h4,
    .color-block--dark-gray,
    .color-block--dark-gray a,
    .color-block--dark-gray a > span,
    .color-block--dark-gray h1,
    .color-block--dark-gray h2,
    .color-block--dark-gray h3,
    .color-block--dark-gray h4,
    .color-block--green,
    .color-block--green a,
    .color-block--green a > span,
    .color-block--green h1,
    .color-block--green h2,
    .color-block--green h3,
    .color-block--green h4,
    .color-block--medium-gray,
    .color-block--medium-gray a,
    .color-block--medium-gray a > span,
    .color-block--medium-gray h1,
    .color-block--medium-gray h2,
    .color-block--medium-gray h3,
    .color-block--medium-gray h4,
    .color-block--pink,
    .color-block--pink a,
    .color-block--pink a > span,
    .color-block--pink h1,
    .color-block--pink h2,
    .color-block--pink h3,
    .color-block--pink h4,
    .color-block--purple,
    .color-block--purple a,
    .color-block--purple a > span,
    .color-block--purple h1,
    .color-block--purple h2,
    .color-block--purple h3,
    .color-block--purple h4,
    .color-block--yellow,
    .color-block--yellow a,
    .color-block--yellow a > span,
    .color-block--yellow h1,
    .color-block--yellow h2,
    .color-block--yellow h3,
    .color-block--yellow h4 {
      color: #fff !important;
    }
    .color-block--blue {
      background-color: #3ca9f9;
      border-color: #3ca9f9;
    }
    .color-block--green {
      background-color: #54be8b;
      border-color: #54be8b;
    }
    .color-block--purple {
      background-color: #d1a8ed;
      border-color: #d1a8ed;
    }
    .color-block--dark-blue {
      background-color: #3769cc;
      border-color: #3769cc;
    }
    .color-block--pink {
      background-color: #ec5a86;
      border-color: #ec5a86;
    }
    .color-block--yellow {
      background-color: #fcc56d;
      border-color: #fcc56d;
    }
    .color-block--medium-gray {
      background-color: #9ca8b7;
    }
    .color-block--dark-gray {
      background-color: #8a8a8a;
    }
    .signature {
      margin-bottom: 20px;
      text-align: center;
    }
    .signature > tbody > tr > td > table {
      margin-left: 10px;
      margin-left: 10px;
      margin-right: 10px;
      margin-right: 10px;
      border-top: 1px solid #f3f3f3;
    }
    .signature > tbody > tr > td > table > tbody > tr > th {
      padding-top: 20px;
      padding-top: 20px;
    }
    .signature td {
      text-align: center;
    }
    .signature p {
      margin-bottom: 0 !important;
    }
    .signature img {
      display: inline-block;
    }
    .signature span a {
      color: #8a8a8a !important;
      text-decoration: none;
    }
    .signature span.divide {
      display: inline-block;
      margin-left: 5px;
      margin-right: 5px;
    }
    .signoff {
      text-align: center;
      align: center;
      width: auto !important;
    }
    .signoff td {
      text-align: center;
    }
    .signoff__photo {
      display: inline-block;
      margin-bottom: 10px;
    }
    .signoff__photo img {
      display: inline-block;
    }
    .signoff.theme--bluebg-greenfg .signoff__info *,
    .signoff.theme--bluebg-purplefg .signoff__info *,
    .signoff.theme--greenbg-yellowfg .signoff__info * {
      color: #fff;
    }
    table.speaker__table {
      width: auto !important;
      align: center;
    }
    .webinar-speaker-info {
      background-color: #fff;
      border: 1px solid #fefefe;
    }
    .webinar-speaker-info .hs-cta-wrapper {
      display: inline-block;
      margin-top: 10px !important;
    }
    .speaker__name {
      margin-bottom: 0;
      font-weight: 600;
    }
    .speaker__title {
      font-size: 14px;
      color: #9ca8b7;
    }
    @media (max-width: 599px) {
      .speaker__table,
      .speaker__table > tbody,
      .speaker__table > tbody > tr,
      .speaker__table > tbody > tr > th:not(.expander),
      .speaker__table > tbody > tr > th:not(.expander) > td,
      .speaker__table > tbody > tr > th:not(.expander) > th {
        display: block !important;
      }
      .speaker__table td.speaker-column--center {
        display: block;
        width: auto !important;
        text-align: center !important;
      }
      .speaker__table td.speaker-column--center table {
        align: center !important;
        text-align: center !important;
      }
      .speaker__table td.speaker-column--center table td {
        text-align: center !important;
      }
      .speaker__table td.speaker-column--center table img {
        display: inline-block !important;
      }
      .speaker__table td.speaker-column--center table .speaker__name,
      .speaker__table td.speaker-column--center table .speaker__title {
        text-align: center !important;
      }
      .speaker__table td.speaker-column table,
      .speaker__table td.speaker-column tbody,
      .speaker__table td.speaker-column td,
      .speaker__table td.speaker-column tr {
        display: block !important;
        width: 100% !important;
      }
    }
    .secondary-content {
      background-color: #fefefe;
      border: 1px solid #fefefe;
    }
    .secondary-content h4 {
      line-height: 1.4 !important;
    }
    .secondary-content h4 a {
      font-weight: 700 !important;
      line-height: 1.3 !important;
    }
    .secondary-content a {
      white-space: normal;
    }
    .secondary-content th {
      padding-bottom: 0 !important;
      vertical-align: top !important;
    }
    .secondary-content__content,
    .secondary-content__image {
      padding-bottom: 0 !important;
    }
    .secondary-content span.hs-cta-wrapper {
      display: inline-block;
      margin-top: 10px !important;
    }
    @media (max-width: 599px) {
      .secondary-content,
      .secondary-content table {
        align: center !important;
      }
      .secondary-content,
      .secondary-content table,
      .secondary-content tbody,
      .secondary-content td,
      .secondary-content th,
      .secondary-content tr {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
      }
      .secondary-content .secondary-content__image img {
        display: inline-block !important;
      }
      .secondary-content .secondary-content__content {
        width: auto !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
      }
      .secondary-content .secondary-content__content img {
        display: inline-block !important;
        margin-bottom: 10px;
      }
      .secondary-content .secondary-content__content * {
        text-align: center !important;
      }
      .secondary-content .secondary-content__content p img {
        display: inline-block !important;
      }
    }
    .secondary-content.theme--bluebg-purplefg * {
      color: #fff;
    }
    .cta-button-section {
      background-color: #fff !important;
      border: 1px solid #fefefe;
    }
    .cta-button-section__content {
      text-align: center;
    }
    .cta-button-section,
    .cta-button-section table,
    .cta-button-section td,
    .cta-button-section th,
    .cta-button-section tr {
      text-align: center;
      align: center;
    }
    .cta-button-section img {
      display: inline-block !important;
      margin: 5px !important;
    }
    .cta-button-section p:last-of-type {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }
    .cta-billboard {
      background-position: center center;
    }
    .cta-billboard__logo {
      text-align: center;
    }
    .cta-billboard__logo img {
      display: inline-block;
      margin-bottom: 15px;
    }
    .cta-billboard__content {
      text-align: center !important;
    }
    .cta-billboard__content img {
      display: inline-block !important;
    }
    .typographic-content {
      background: 0 0 !important;
    }
    @media (max-width: 799px) {
      .typographic-content p,
      .typographic-content span {
        font-size: 30px !important;
        line-height: 38px !important;
      }
    }
    @media (max-width: 599px) {
      .typographic-content p,
      .typographic-content span {
        font-size: 22px !important;
        line-height: 30px !important;
      }
    }
  </style>
  <meta name="generator" content="HubSpot">
  <meta property="og:url" content="https://content.wistia.com/-temporary-slug-a68d1ff8-58b8-41a1-9e7c-225813c29e7b">
</head>

<body class="digest digest-dark" style="-ms-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; Margin:0; Margin-top:0; box-sizing:border-box; color:#222; font-family:'Source Sans Pro','Trebuchet MS',sans-serif!important; font-size:16px; font-weight:400; line-height:19px; margin:0; min-width:100%; padding:0; width:100%!important"
  width="100%!important">
  <table class="body" bgcolor="#68baf5" style="Margin-top:0; background:#fefefe; border-collapse:collapse; border-spacing:0; color:#222; float:none; font-family:'Source Sans Pro','Trebuchet MS',sans-serif!important; font-size:16px; font-weight:400; height:100%; line-height:19px; padding:0; text-align:left; vertical-align:top; width:100%"
    height="100%" align="left" width="100%">
    <tbody>
      <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
        <td class="center" align="left" valign="top" bgcolor="#68baf5" style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; background:#68baf5 url('https://cdn2.hubspot.net/hubfs/120237/pattern_zig-zag_20.png?t=1510864846344'); background-size:50%">
          <center data-parsed="" style="min-width:650px; width:100%" width="100%">
            <div id="preview_text" style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden" align="center" class="float-center">When you look great on camera, your audience can focus on what you're trying to communicate (instead of that wrinkled plaid shirt).</div>
            <table align="center" class="container header float-center" style="Margin:0 auto; background:#fefefe; background-color:transparent; border-collapse:collapse; border-spacing:0; color:#9ca8b7!important; float:none; font-size:14px; margin:0 auto; margin-bottom:20px!important; margin-top:30px!important; padding:0; text-align:center; vertical-align:top; width:650px"
              bgcolor="transparent" width="650">
              <tbody>
                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                  <td style="line-height:19px; border-collapse:collapse!important; color:#fff!important; font-size:14px!important; padding:0; text-align:left; vertical-align:middle!important" align="left">
                    <table class="wrapper" align="left" style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:left; vertical-align:top; width:100%" width="100%">
                      <tbody>
                        <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                          <td class="wrapper-inner" style="line-height:19px; border-collapse:collapse!important; color:#fff!important; font-size:14px!important; padding:0; text-align:left; vertical-align:middle!important" align="left">
                            <table class="spacer" style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:left; vertical-align:top; width:100%" align="left" width="100%">
                              <tbody>
                                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                  <td height="20px" style="border-collapse:collapse!important; color:#fff!important; font-size:14px!important; line-height:20px; mso-line-height-rule:exactly; padding:0; text-align:left; vertical-align:middle!important" align="left">&nbsp;</td>
                                </tr>
                              </tbody>
                            </table>
                            <table class="row" style="border-collapse:collapse; border-spacing:0; display:table; float:none; padding:0; position:relative; text-align:left; vertical-align:top; width:100%" align="left" width="100%">
                              <tbody>
                                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                  <th class="enabled--false small-12 large-4 columns first" style="Margin:0 auto; color:#fff!important; font-size:14px!important; margin:0 auto; padding-bottom:16px; padding-left:16px; padding-right:8px; text-align:left!important; vertical-align:middle!important; width:200.67px"
                                    align="left!important" width="200.67">
                                    <table style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:left; vertical-align:top; width:100%" align="left" width="100%">
                                      <tbody>
                                        <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                          <th style="color:#fff!important; font-size:14px!important; vertical-align:middle!important"><span style="color:#fff"><div id="hs_cos_wrapper_new_post" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"></div></span></th>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </th>
                                  <th class="logo small-12 large-4 columns" style="Margin:0 auto; color:#fff!important; font-size:14px!important; margin:0 auto; padding-bottom:16px; padding-left:8px; padding-right:8px; vertical-align:middle!important; width:200.67px"
                                    width="200.67">
                                    <table style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:left; vertical-align:top; width:100%" align="left" width="100%">
                                      <tbody>
                                        <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                          <th style="color:#fff!important; font-size:14px!important; vertical-align:middle!important">
                                            <div id="hs_cos_wrapper_email_logo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="position:relative !important; clear:both !important; font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; color:inherit; font-size:inherit; line-height:inherit"
                                              data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"><img src="https://cdn2.hubspot.net/hubfs/120237/assets/images/email/wistia-logo-email_onecolor.png?t=1510864846344" style="-ms-interpolation-mode:bicubic; clear:both; display:block!important; height:24px; margin-left:auto!important; margin-right:auto!important; max-width:100%; outline:0; text-decoration:none; width:156px"
                                                alt="Wistia" height="24" width="156"></div>
                                          </th>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </th>
                                  <th class="enabled--false small-12 large-4 columns last" style="Margin:0 auto; color:#fff!important; font-size:14px!important; margin:0 auto; padding-bottom:16px; padding-left:8px; padding-right:16px; text-align:right!important; vertical-align:middle!important; width:200.67px"
                                    align="right!important" width="200.67">
                                    <table style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:left; vertical-align:top; width:100%" align="left" width="100%">
                                      <tbody>
                                        <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                          <th style="color:#fff!important; font-size:14px!important; text-align:right; vertical-align:middle!important" align="right"><span style="color:#fff"><div id="hs_cos_wrapper_headline" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_rich_text" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit" data-hs-cos-general-type="widget" data-hs-cos-type="rich_text"></div></span></th>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </th>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" class="container additional additional--top float-center" style="Margin:0 auto; background:#fefefe; background-color:transparent; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; padding:0; text-align:center; vertical-align:top; width:650px"
              bgcolor="transparent" width="650">
              <tbody>
                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                  <td style="font-size:16px; line-height:19px; border-collapse:collapse!important; padding:0; text-align:left; vertical-align:middle!important" align="left">
                    <div id="hs_cos_wrapper_mjfm_email_headline_event" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget">
                      <table class="submodule headline-event theme--whitebg-greenfg" width="100%" style="border-spacing:0; border-collapse:collapse; padding:0; vertical-align:top; text-align:left; float:none; border:1px solid #fefefe; background-color:#ffffff"
                        bgcolor="#ffffff" align="left">
                        <tbody>
                          <tr style="padding:0; vertical-align:top; text-align:left" align="left">
                            <td class="spacer" width="30" style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:30px" align="left">&nbsp;</td>
                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                              <div class="spacer" style="font-size: 30px; height: 30px; line-height: 30px; mso-line-height-rule: exactly">&nbsp;</div>
                              <div class="headline-event__content" style="text-align:center; color:#0a0a0a" align="center">
                                <h1 class="post_title" style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; word-wrap:normal; margin-bottom:5px; Margin-bottom:5px; font-size:30px; line-height:1.2 !important; text-align:center; font-weight:700; color:#54be8b !important"
                                  align="center"><span style="text-align:center; color:#68baf5" align="center">Dressing for the camera? It's a snap.</span></h1>
                                <p style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; font-size:16px; line-height:19px; margin-bottom:10px; Margin-bottom:10px; text-align:center" align="center">&nbsp;</p>
                                <div style="text-align:center" align="center">
                                  <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W96nmt91Lmkk7W7sR56l3P5N4n0/5/f18dQhb0SbTQ8XJ9hPW8HrQ1B2qwv2rVqlKFB4cyrnkVf57Hb57mvFqW3BJFQw8V3vynW7t23FR9cYnQ2W5LMjq98V6NKvW7tZWb98mQK96W1gPY4-83KJDvW9bTNXY4p19kzW1Q45jc7RjYP8VtYcVK3v7CBPW3Wlz2M5RXcQ2W5DnRkd5hkrF2W3gPWlB5Fb5s-W5pfw1S5mg0ggW1Bxxwh3pSFHwW22WLyB6HBHnDW6qG7343b4xgGW2dHLn16KjH2NW3mchBv1GfFxXW1CtDDT6lGmNDW7N_tkL7j-WG2W2wBpHw6lW4WMW1S4vjs7b9RSpW28SR4C752WT_W1G7pM07LS9-sW6DtkMw248F8BW6kDz2W1S1GffW68Yn75757D3kW7KPknm80nJtVW7bdMKR7vNHSxW85rM7w2bCp4nN82G-VBk_RtTMVzQv-Vn7DDN3nZxz6K3KM4W1ShFdP1Th9W6N1ThcRhHBWpqW2YBHz42GD9PDW48lMX_4mN1qSN84VkqN9-TbWW170pg06D5G0VW7bDysm6J3vz2W3y19vM3wMXFCT2K0Q7rj6gH103"
                                    style="color:#3ca9f9; text-decoration:none; text-align:center; white-space:nowrap" align="center" data-hs-link-id="0" target="_blank"><img src="https://media.giphy.com/media/l2QDRdvatW622t4yY/giphy.gif" alt="Video Game GIF" width="620" align="center" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:none; text-align:center; width:620px"
                                      title="Video Game GIF" caption="false" data-constrained="true"></a>
                                </div>
                              </div>
                              <div class="spacer" style="font-size: 30px; height: 30px; line-height: 30px; mso-line-height-rule: exactly">&nbsp;</div>
                              <div class="headline-event__content" style="text-align:center; color:#0a0a0a" align="center">
                                <blockquote style="text-align:center" align="center">
                                  <p style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; font-size:16px; line-height:19px; margin-bottom:10px; Margin-bottom:10px; text-align:center" align="center">A little wardrobe planning can go a long way! Learn how to look snazzy and feel confident in your next video.&nbsp;</p>
                                </blockquote>
                                <p align="center" style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; font-size:16px; line-height:19px; margin-bottom:10px; Margin-bottom:10px; text-align:center">&nbsp;</p>
                                <div style="text-align:center" align="center">
                                  <!--[if mso]>
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://wistia.com/blog/shoot-a-striking-timelapse-video" style="height:50px;v-text-anchor:middle;width:180px;" strokecolor="#3ea9f5" fillcolor="#3ea9f5">
<w:anchorlock/>
<center>
<![endif]--><a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W4f1tc_5rBJ1bW5J4sj-6w9jxq0/5/f18dQhb0S1Wd2Mzbz5LysK4GNJPWMBFL8bJ29hFW65B7Y81D30bHW2FDWct8WVHP8W3Q3J9L6PHYtCW1vfB_94lN_60W3c2s-P20ryFvVRScfw1HqlPZW4KyZjc4myNB4W7hMmGG3PLNjGW8RzSz95f0wHyW99htxS5J5Yv5W16rS3Q2-S-DvW3ZdzV-4hmrnHTP5_C5hplYPW1N5Y7X2rRM14W1l-9SH5HWl8pVlzTBK5CbWdDW5WYBS02Zv66rW3Bry4L1BBVNwW7NPcnC4M0FD4N1CTCZ-dJkZ5W2FK8n830kbP2N2YLwlW1BGY-N1zYfq2QXmZCW3YkKNr357RPBW3W_X4_4kpV3rW4KFtTX1s0kPgW2bjD9q1vB2FkW4CDqQW1HsB6gN3MgSzBrZKsxW7k_3d72Yg5bTW7zMznw6R0_8_VMCqcY2Pb84mW2DXFlF18z2R6W2bnShZ45qmLzW6Lsk1q1zrtyhW3twmfP2y2ztdW2FFRVz2sPw4BW2dSV3t4W3Yz7W87FG2_8XbPPXW4zt6dL3v8RbjW4zF5Qj5QtVMBW8mPnLk7tm0sZW16pjKc9f5Nldf4313mb04"
                                    style="white-space:nowrap; background-color:#3ea9f5; color:#ffffff; display:inline-block; font-family:sans-serif; font-size:14px; font-weight:bold; line-height:50px; text-align:center; text-decoration:none; width:180px; -webkit-text-size-adjust:none"
                                    bgcolor="#3ea9f5" align="center" width="180" data-hs-link-id="0" target="_blank">To the blog!</a>
                                  <!--[if mso]>
</center>
</v:rect>
<![endif]-->
                                </div>
                              </div>
                              <div class="spacer" style="font-size: 30px; height: 30px; line-height: 30px; mso-line-height-rule: exactly">&nbsp;</div>
                            </td>
                            <td class="spacer" width="30" style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:30px" align="left">&nbsp;</td>
                          </tr>
                        </tbody>
                      </table>
                      <div class="spacer" style="font-size: 20px; height: 20px; line-height: 20px; mso-line-height-rule: exactly">&nbsp;</div>
                    </div>
                    <div id="hs_cos_wrapper_mjfm_email_webinar_speaker_info" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_secondary_content_w_photo" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_secondary_content_two_col_1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget">
                      <table class="submodule secondary-content theme--whitebg-bluefg" style="border-spacing:0; border-collapse:collapse; padding:0; vertical-align:top; text-align:left; float:none; border:1px solid #fefefe; background-color:#ffffff" bgcolor="#ffffff"
                        align="left"></table>
                      <div class="spacer" style="font-size: 20px; height: 20px; line-height: 20px; mso-line-height-rule: exactly">&nbsp;</div>
                    </div>
                    <div id="hs_cos_wrapper_mjfm_email_secondary_content_two_col_2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_link_blocks_2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_color_block_rich_text" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_cta_button_section" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                    <div id="hs_cos_wrapper_mjfm_email_cta_billboard_w_background_image" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_custom_widget" style="position:relative !important; clear:both !important; color:inherit; font-size:inherit; line-height:inherit"
                      data-hs-cos-general-type="widget" data-hs-cos-type="custom_widget"> </div>
                  </td>
                </tr>
              </tbody>
            </table>
            <table align="center" class="container footer float-center" style="Margin:0 auto; background:#fefefe; background-color:transparent; border-collapse:collapse; border-spacing:0; float:none; margin:0 auto; margin-top:30px; padding:0; text-align:center; vertical-align:top; width:650px"
              bgcolor="transparent" width="650">
              <tbody>
                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                  <td style="font-size:16px; line-height:19px; border-collapse:collapse!important; padding:0; text-align:left; vertical-align:middle!important" align="left">
                    <table class="row" style="border-collapse:collapse; border-spacing:0; display:table; float:none; padding:0; position:relative; text-align:center; vertical-align:top; width:100%" align="center" width="100%">
                      <tbody>
                        <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                          <th class="unsubscribe small-12 large-12 columns first last" style="Margin:0 auto; font-size:16px; margin:0 auto; padding-bottom:16px; padding-left:16px; padding-right:16px; vertical-align:middle!important; width:634px" width="634">
                            <table style="border-collapse:collapse; border-spacing:0; float:none; padding:0; text-align:center; vertical-align:top; width:100%" align="center" width="100%">
                              <tbody>
                                <tr style="padding:0; text-align:left; vertical-align:middle!important" align="left">
                                  <th style="vertical-align:middle!important">
                                    <!-- start coded_template: id:4887406755 path:Custom/page/MJFM/mjfm_email_footer_dark.html -->
                                    <div class="social">
                                      <table align="center" style="border-spacing:0; border-collapse:collapse; padding:0; vertical-align:top; float:none; text-align:center; align:center; margin-top:22px; margin-bottom:22px !important; width:auto !important" width="auto !important">
                                        <tbody>
                                          <tr style="padding:0; vertical-align:top; text-align:left" align="left">
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                                              <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W43_HSV3GdGB5W9f4v4061vbbT0/5/f18dQhb0SbTR8YXNdxW8HrQ1B2qwv2rVqlKFB4cyrnkMf5v0xXD6prW7cmS1s8pCQ6vW3TdKBL2JZXTNW4vgKM199282tW1nb6md61SSZmW7mG7sD51vX4yW6GJ_LG8xyFXRW203WCy2yJF1WVYT2jk6P4lCXW3WddQj6Pkt_VW62_rWz4MW8X3W4r1Pm71nq9qSW18T0S-1VJrykW5lX8fq13bD4hW6dkl_54dxtyWW3nq-Tq33cPk7W4R9TVN5pqt-1VrpSY26yP9M9W5m7D9j2qQ2z7W8X4QGz56zB2wVnfK8Q6zFHmDVn32fH5NtHXHW77d2Ys7tdvLjW4f-gSL4jz1hHW755Wpy9ggq4cW9fxxXx8SVmCVW8TZ0jP5lGxj4V7yCPT1zzFl7N7LVFS3y9d1KVPFPJw71WG7QW73R1h2224mH7W1yj6Sz2vxNF5W1rgsFX1cpwHkW6yt3Mn7jH9qZW4J35Sn2N3wCtW7ZF0qh8Npn79W7jY5zs63sg7JN782rfpVFQGDW4s8fT76G6v46N4Pv86f5XPMgf59q5pB02"
                                                style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe !important; display:block" align="center" data-hs-link-id="0" target="_blank"> <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_fb-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_fb-white.png" width="18" height="18" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:0; width:18px; height:18px"
                                                  srcset="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_fb-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_fb-white.png 18w, https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_fb-white.png?t=1510864846344&amp;width=36&amp;height=36&amp;name=icon_fb-white.png 36w"
                                                  sizes="(max-width: 18px) 100vw, 18px"> </a>
                                            </td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:10px" width="10" align="left">&nbsp;</td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                                              <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W9dtWWh2MRGWFW5Xs07B2G--Sq0/5/f18dQhb0Sjv78XJ8w6W8HrQ1B2qwv2rVqlKFB4cyrnkMf5j9zXD6prW7cmS1s1nNNN3W1njGYF7nwMJHW8p16cm5CZ0JVW1nrCGB51LTg5W5DHNj22TlMg5W3Vptmn9dSlS6W35rgCl94-4T0W7sLfyr5DBw5FW7v70xc34mKvyW8mQMYT7NM5zGW74DJzS3X0g0yN6bp1cMbq5fxW4TKc2l6RPJjJN2H-xx2cnPJsW6Rlmc08f3pxJW5DSk3037dPpCW8qPd1h4D9g_rW6RgJSL2xV7PpW6NKl3r8KMpGMW73jwsN16nbCKW3Tv3Vs1pBCpMW3K1Thd744Sk4W1m0_WX4MccfZW8nTVKJ4CQr-yW8qnsn61p9hqzW1qzKgf1JsckxW64HVBB7YpW6MW3MYtL093sjYNN8csGDVD2JF5W7nT0nZ3dgtvLW5khz2s5DKVHzW5D5vVs3cLdRmW2bMdWW1nCrbgW7Hl4kN8Sbp2qW6q77Dv248SbbW6k6R8m8_vVg2W81wXsh97RhBQW2pglVT6vc-Z6W2l2b-32XT6Ms0"
                                                style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe !important; display:block" align="center" data-hs-link-id="0" target="_blank"> <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_twitter-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_twitter-white.png" width="18" height="18" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:0; width:18px; height:18px"
                                                  srcset="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_twitter-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_twitter-white.png 18w, https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_twitter-white.png?t=1510864846344&amp;width=36&amp;height=36&amp;name=icon_twitter-white.png 36w"
                                                  sizes="(max-width: 18px) 100vw, 18px"> </a>
                                            </td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:10px" width="10" align="left">&nbsp;</td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                                              <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W1mQ15973-bwWW1tz79Q4m03M50/5/f18dQhb0SbTW8YXMm6W8HrQ1B2qwv2rVqlKFB4cyrnkMf5rbRXD6prW7cmS1s8pCQ6vW5CRgN7525YGLW6N-9NB6PZvZ7W7b_hcG999f65W6PVKcr6N3nBLW8xGZLC26p8mWW56M2D796zRPSW6bT6L38RRjRDW5Ckvrl1fdmZQW1x4lQB6HdqlTW7nwG0k6bnMRgW4N1P_x7R0x14N33FK-yqPkxDVnjZC84jtYcCN5pX9-XqNBnWW4hzSDm752Qf8W1TCFhP6dvCRpW7xry7-9dly-TW4fs_pD53LV0rW4dhlMG82qnYXW4Qv60Y2bNSP-W7H_9P52S7kMkW7s1Swh4Q3QSwN2K1Bft7jyLfW7nGm7y9cCVTlW7wDBhh2Rk6ljW2Q8sFr3nWqzjW2RgjNn6yHVg8W7wTZxM8NQ9p0W73Qsnm1d5pgbW5szJjZ6vw3YhW1htfcw1WkWtLW1V5ym66tr138W4rsCSm2LdjVlW5_zKfM8kgXj9W3t8RSb46lKvkW3f9cY78GTr7VW6GZR_C8-wHbgW4Pxhj53DlwBbW8CJmJX37JpNz0"
                                                style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe !important; display:block" align="center" data-hs-link-id="0" target="_blank"> <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_instagram-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_instagram-white.png" width="18" height="18" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:0; width:18px; height:18px"
                                                  srcset="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_instagram-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_instagram-white.png 18w, https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_instagram-white.png?t=1510864846344&amp;width=36&amp;height=36&amp;name=icon_instagram-white.png 36w"
                                                  sizes="(max-width: 18px) 100vw, 18px"> </a>
                                            </td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:10px" width="10" align="left">&nbsp;</td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                                              <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W1bm1hs1jHvQJW3XdHJ35TdXzF0/5/f18dQhb0SbTS8YXNq0W8HrQ1B2qwv2rVqlKFB4cyrnkVf5hpn57mvFqW3BJFQw8Vm6N7W5LnrY-7NrMWHW6YHzwY4zVJ9KW7tR-vm7zNvbSW2QlwS37mHF3-V7-wHY8tsDsDN8m8m3ZppQTBW5x5KNk7-XB_5W67h1CP8r5GVdW2GRdFD1vwtnkVMCFPP7zN65hW1Ccbz894YlTbW5RlSdT5xNCj8W8mGgzn313MGDW5PVNdC8t55_KN5LyB3J_6t2gW5D1rrc3w9gKXW5KFNGs5xBRZyVM5kf15G4sDzW3J_K_S35WQ30W5DKh3z34mz3hN8yvrLC_7rlFW3J7Scs64mgSTN6fdRHvChWXvW8Hm8QH8vvGJfW5kgdYF5rTwzlW5jV07C12qYt-W37sggz5CyFKNW49r5t-6m3-07M2FmnvrX3l1W6VzKpq31d16SW1mZ1Pk251NT9VwY-135C9cHNN2lJNvL42c_8W3nh5mV7CkxzGW4BvWn22zGBS1W1H6XfM15Hnb3W717Sd97rXJnQN6Bk6KjVs7V_VVmnXq4GgBfL102"
                                                style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe !important; display:block" align="center" data-hs-link-id="0" target="_blank"> <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_linkedin-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_linkedin-white.png" width="18" height="18" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:0; width:18px; height:18px"
                                                  srcset="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_linkedin-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_linkedin-white.png 18w, https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_linkedin-white.png?t=1510864846344&amp;width=36&amp;height=36&amp;name=icon_linkedin-white.png 36w"
                                                  sizes="(max-width: 18px) 100vw, 18px"> </a>
                                            </td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left; width:10px" width="10" align="left">&nbsp;</td>
                                            <td style="font-size:16px; line-height:19px; border-collapse:collapse !important; padding:0; vertical-align:top; text-align:left" align="left">
                                              <a href="https://content.wistia.com/e1t/c/*M3LdnFfxPnXW33jLnG320Gmq0/*W73jFVY1dR-J-VSjYj87kRfjx0/5/f18dQhb0Sjvg8XYYHfW3W3fqF1m69zmW32xFhD321_lTW5_x4BV1mhDJwW39Dr-N5DpFRDW51fZCJ6PZxrZW1nrCGB51LTg5W5DHNj22TlMg5W3WdhDH7dDxTNW7mWsnX7dzcsSW51vDDW56vHg5W69NG1w6Pr3nqW1Tcntw1njMtBW6H5CYw7_P6JSW52Ylfx3_8mplW9fgwMT4fPqvBW7JvjNq4gYLgmW6VSznQ85yysLW6wCtz383p9DkW2SwQks54dwXCW2KWR-Q7Lp1gRW1BLFZ82tWd_5W6XX_RK1yl03wW83JLJk2dZF16W3r3DdW59cHZQW84DyDC1zV1V7W55R1WN1CPsL8W1TdVsK6Xwp7dW2Pyq1y7L1TxFW82Hk7_7pY-mxW7lbVPS5LG9q0W53NYtc4PLwTVW7pKw0z21V_6nW1L0kYL1wh_g1W1mpyft1lpnjCVfN2-s2nRzM3W57vM6_6-FBb7W8Hl-d01tPMQmW8-4QFQ67kYhzW1nq7PX6H_FxgM4ZDML2LMBkV1TvrT5dJHNY103"
                                                style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe !important; display:block" align="center" data-hs-link-id="0" target="_blank"> <img src="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_wistia-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_wistia-white.png" width="18" height="18" style="outline:0; text-decoration:none; -ms-interpolation-mode:bicubic; max-width:100%; clear:both; display:block; border:0; width:18px; height:18px"
                                                  srcset="https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_wistia-white.png?t=1510864846344&amp;width=18&amp;height=18&amp;name=icon_wistia-white.png 18w, https://cdn2.hubspot.net/hub/120237/hubfs/assets/images/email/icon_wistia-white.png?t=1510864846344&amp;width=36&amp;height=36&amp;name=icon_wistia-white.png 36w"
                                                  sizes="(max-width: 18px) 100vw, 18px"> </a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </div>

                                    <p class="semibold" style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; line-height:19px; Margin-bottom:10px; text-align:center; font-size:16px !important; margin-bottom:20px; color:#fefefe !important; font-weight:600"
                                      align="center"><span style="text-align:center; font-family:'Source Sans Pro','Trebuchet MS',sans-serif!important; color:#fefefe" align="center">Sent with  &lt;3 from Wistia HQ<br>17 Tudor St, Cambridge, MA 02139 <span style="text-align:center; color:#fefefe !important; display:none" align="center">USA</span></span>
                                    </p>

                                    <p class="semibold" style="font-family:'Source Sans Pro', 'Trebuchet MS', sans-serif !important; Margin-top:0; line-height:19px; Margin-bottom:10px; text-align:center; font-size:16px !important; margin-bottom:20px; color:#fefefe !important; font-weight:600"
                                      align="center"><span style="text-align:center; font-family:'Source Sans Pro','Trebuchet MS',sans-serif!important; color:#fefefe" align="center">Getting too much Wistia?<br><a href="#" style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe" align="center" data-hs-link-id="0" target="_blank"><span style="text-align:center; color:#fefefe" align="center">Edit your email preferences</span></a>
                                      or <a class="unsubscribe-link" href="#"
                                        data-unsubscribe="true" style="text-align:center; font-size:16px !important; text-decoration:underline; color:#fefefe" align="center" data-hs-link-id="1" target="_blank">completely unsubscribe</a> - we understand.</span>
                                    </p>

                                    <!-- end coded_template: id:4887406755 path:Custom/page/MJFM/mjfm_email_footer_dark.html -->
                                  </th>
                                  <th class="expander" style="padding:0!important; visibility:hidden; width:0" width="0"></th>
                                </tr>
                              </tbody>
                            </table>
                          </th>
                        </tr>
                      </tbody>
                    </table>
                  </td>
                </tr>
              </tbody>
            </table>
          </center>
        </td>
      </tr>
    </tbody>
  </table>
  <!-- prevent Gmail on iOS font size manipulation -->
  <div style="display:none;white-space:nowrap;font:15px courier;line-height:0">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
  <!-- end coded_template: id:4887453355 path:Custom/email/MJFM/mjfm_digest-dark.html -->
  <img src="https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W1L-YK13d2ZKFW4scjyZ7Fz3J20/5/f18dQhb0S6Hf5gp66FN1-0WsXHzj0_W6bRfBw6bzKVtN4GzYMLFySDDD79vxcTrJtW5xBFB82J532KW3VMwDn6QwD-lW4twdgK1QP_fJW5L1r221G4kpGW7ghBcq89TvPmN4l9v3FLWBHTW4v2D3c7McJlHVJch4W821R9fW4KxWqW1M7zKH101"
    alt="" width="1" height="1" border="0" style="display:none!important;min-height:1px!important;width:1px!important;border-width:0!important;margin-top:0!important;margin-bottom:0!important;margin-right:0!important;margin-left:0!important;padding-top:0!important;padding-bottom:0!important;padding-right:0!important;padding-left:0!important">
  <style>
    @media print {
      #_hs {
        background-image: url("https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W6jvDg12B4BscW5PT5S06JksTQ0/5/f18dQhb0S6Hc3wK-kWN1-0WsXHzj0_W6bRfBw6bzKTVW2mp9f_4-tC2kW4Pw4J12sbPxnW1VPSMP3BY82lW2zYvr03MJfy0W3MbHdD3BM9hVW5y7J4L3RXJ5QW7zKRd99j04PJW7-3yWm3_Sc60W7XQD9P8kF0HzVzHvGk6JyjXxN2CPVg11JJtFf8Kpk9z03");
      }
    }
    div.OutlookMessageHeader {
      background-image: url("https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W7_99Hf2jt7MMW5Q3m229kbp690/5/f18dQhb0SkW-8bc_sbN1-0WsXHzj0_W6bRfBw6bzKWmW5HQHpl3FsfphW4PFxqB5ZH4gdW448kGk34BS6NW5124Nn2TxXc4W2sNzSR3LRgDmW5hsXXl5ShLS6W1cpNmr7ghBcqW89TvPm4l9v3FVLWBHT4v2D3cN7McJlHJch4WW821R9f4KxWqNf9gC5Wq01");
    }
    table.moz-email-headers-table {
      background-image: url("https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W7_99Hf2jt7MMW5Q3m229kbp690/5/f18dQhb0SkW-8bc_sbN1-0WsXHzj0_W6bRfBw6bzKWmW5HQHpl3FsfphW4PFxqB5ZH4gdW448kGk34BS6NW5124Nn2TxXc4W2sNzSR3LRgDmW5hsXXl5ShLS6W1cpNmr7ghBcqW89TvPm4l9v3FVLWBHT4v2D3cN7McJlHJch4WW821R9f4KxWqNf9gC5Wq01");
    }
    blockquote #_hs {
      background-image: url("https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W7_99Hf2jt7MMW5Q3m229kbp690/5/f18dQhb0SkW-8bc_sbN1-0WsXHzj0_W6bRfBw6bzKWmW5HQHpl3FsfphW4PFxqB5ZH4gdW448kGk34BS6NW5124Nn2TxXc4W2sNzSR3LRgDmW5hsXXl5ShLS6W1cpNmr7ghBcqW89TvPm4l9v3FVLWBHT4v2D3cN7McJlHJch4WW821R9f4KxWqNf9gC5Wq01");
    }
    #MailContainerBody #_hs {
      background-image: url("https://content.wistia.com/e1t/o/*N3-71JtXJlQ2W7VQS3-7jFxT30/*W7_99Hf2jt7MMW5Q3m229kbp690/5/f18dQhb0SkW-8bc_sbN1-0WsXHzj0_W6bRfBw6bzKWmW5HQHpl3FsfphW4PFxqB5ZH4gdW448kGk34BS6NW5124Nn2TxXc4W2sNzSR3LRgDmW5hsXXl5ShLS6W1cpNmr7ghBcqW89TvPm4l9v3FVLWBHT4v2D3cN7McJlHJch4WW821R9f4KxWqNf9gC5Wq01");
    }
  </style>
  <div id="_hs"></div>
</body>

</html>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console