Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- start coded_template: id:7008528460 path:DF_Template_Updated/df_template_updated.html -->
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="telephone=no" name="format-detection"/>
  <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" name="viewport"/>
  <meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"/>
  <title>
   Here's the secret formula for the perfect video aspect ratio ��
  </title>
  <!-- start coded_template: id:5639637729 path:Custom/page/df_templates/df_css_shared.html -->
  <style type="text/css">
   /* import method for outlook */
		@font-face {
			font-family:'Whitney';
			font-style:normal;
			font-weight:normal;
			src:local('Whitney'), url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhubfs%252F120237%252Fassets%252Fwebfonts%252FWhitney-Medium-Pro.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM) format('woff');
		}
		@font-face {
			font-family:'Whitney';
			font-style:normal;
			font-weight:600;
			src:local('Whitney-Semi600'), url(https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhubfs%252F120237%252Fassets%252Fwebfonts%252FWhitney-Semi600-Pro.woff/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM) format('woff');
		}
  </style>
  <style id="hs-inline-css" type="text/css">
   /* Obligatory CSS resets */
        #outlook a{ padding:0; }
		.ReadMsgBody{ width:100%; }
		.ExternalClass * { line-height:125%!important } 
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:125%!important; }
		body,table,td,p,a,li,blockquote{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
		table,td{ mso-table-lspace:0pt; mso-table-rspace:0pt; }
		body{ margin:0; padding:0; }
		img{ -ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; }
		table{ border-collapse:collapse !important; }
		body, #backgroundTable, #bodyCell{ height:100% !important; width:100% !important; margin:0; padding:0; }
		a:link,a:visited{ text-decoration:none; border-bottom:none; }
		.appleFooter a { color:#999999 !important; text-decoration:none !important; }
    	.appleLink a { color:#ffffff !important; text-decoration:none !important; }
		
		/* Non-obligatory stuff */
		#bodyCell{
			padding:75px 20px 20px;
		}
		#bl #bodyCell {
		    padding: 20px 20px 0;
		}
		body, #backgroundTable {
			background-color:#F5F8FD;
			font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
		}
		#bl #backgroundTable {
		    background-color:#ffffff;
		}
		table td{
			font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
		}
		table th { 
			margin:0 !important; 
			vertical-align:middle; 
			font-weight:normal; 
		}
		#templateContainer{
			width:600px;
			background-color:#ffffff;
		}
		#templateBody{
			background-color:#ffffff;
		}
		.templateContent{
			color:#444444;
			font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
			font-size:16px;
			line-height:20px;
			border-bottom:2px solid #4074E1;
			padding:10px 100px 30px 100px; /* changed 07/26/18 AG */
		}
		.templateContent a:link,.templateContent a:visited,.templateContent a .yshortcuts{
			color:#4074E1;
			text-decoration:none;
			border-bottom:none;
		}
		/* Sectioned Template Type, otherwise 115px */
		.templateContent.sections {
			padding-right:70px;
			padding-left:70px;
		}
		/* Blogletter Template Type */
        #bl .templateContent {
            border-bottom: none;
            padding: 20px 50px 0;
        }
		
		/* font family to all the things */
		body, table, td, p, a, a span, strong {
			font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;
			text-decoration:none;
			border-bottom:none;
		}
		a {
			color:#4074E1;
		}
		p{
			color:#444444;
			margin:0;
			padding:0;
			line-height:24px;
			mso-line-height-rule:exactly;
		}
		p + p {
			margin-top:20px;
		}
		p a {
			color:#4074E1;
			font-weight:normal;
		}
		strong {
			font-weight:600;
			letter-spacing:.25px;
		}
		span.preheader {
			display:none !important;
		}
		#templatetagline{
			background-color:#ffffff;
		}
		.tagline{
			border-top:2px solid #4074E1;
			padding-top:30px;
		}
		#bl .tagline {
		    border-top:none;
		    padding-top:15px;
		}
		.taglineContent{
			color:#4074E1;
			font-size:11px;
			line-height:16px;
			font-weight:600;
			letter-spacing:.2px;
		}
		.taglineContent a, .taglineContent a:link,.taglineContent a:visited,.taglineContent a .yshortcuts{
			color:#4074E1;
			text-decoration:none;
			border-bottom:none;
		}
		.logo {
			padding-top:20px;
			padding-bottom:20px;
		}
		.footerLogo {
			padding-top:35px;
			padding-bottom:20px;	
		}
		.headerContent {
			color:#4074E1;	
			font-size:32px;
			line-height:43px;
			padding:0 20px 20px 20px;
			font-weight:300;
		}
		#bl .headerContent {
		    color:#161D25;	
		    font-size:20px;
		    line-height:28px;
		    font-weight:600;
		    padding-top:30px;
		}
		.subheaderContent {
			color:#5B6B7F;
			font-size:15px;
			line-height:24px;
			padding:0 20px 40px 20px;
		}
		.subheaderContent a{
			color:#4074E1 !important;
			text-decoration:none !important;
			border-bottom:none !important;
		}
		.ctaContent{
			padding-top:35px;
			padding-bottom:25px;
		}
		#bl .ctaContent {
		    padding-top:25px;
		}
		.footer {
			border-top:1px solid #efefef;
			padding-right:20px;
			padding-left:20px;
		}
		#bl .footer {
		    padding:30px 20px 30px;
		}
		#footerSettings{
			background-color:#F5F8FD;
		}
		#bl #footerSettings {
		    background-color:#F9F9F9;
		}
		.footerContent, .footerSettingsContent {
			color:#9ca8b7;
			font-size:12px;
			line-height:18px;
			text-align:center;
		}
		.footerSettingsContent a:link,.footerSettingsContent a:visited,.footerSettingsContent a .yshortcuts{
			color:#4074E1;
			text-decoration:none;
		}
		#bl .footerSettingsContent a:link,#bl .footerSettingsContent a:visited,#bl .footerSettingsContent a .yshortcuts{
			color:;
			text-decoration:underline;
		}
		.footer a.socialMediaIcon {
		    padding-right:5px;
		}
    .gmail img {
      max-height: 1px !important;
      height: 1px !important;
    }
		/* Call Out Banner styles */
		#calloutBanner {
		   	background-color:#4074E1;
		}
		.templateContent.callout {
			padding-right:70px;
			padding-left:70px;
			border-bottom:2px solid #1C55C5;
		}
		.calloutHeader, .calloutHeader a {
			color:#ffffff;
			font-size:18px;
			line-height:26px;
			font-weight:600;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		.calloutContent, .calloutContent p {
		    color:#ffffff;
		}
		/* Letter styles */
		.letterContent {
			color:#4074E1;
			font-size:16px;
			line-height:24px;
			padding-top:30px;
		}
		/* Letter styles if no template image */
		.letterContent.no-image {
			padding-top:0px;
		}
		/* Section 123 styles */
		.sectionsWrapper {
			margin-bottom:20px;
		}
		.sectionHeader, .sectionHeader a {
			color:#4074E1;
			font-size:12px;
			line-height:20px;
			font-weight:600;
			text-transform:uppercase;
			letter-spacing:1px;
		}
		.sectionContent {
			color:#5B6B7F;
			font-size:13px;
			line-height:19px;
			font-weight:normal;
			padding:10px 0 5px 0;
		}
		.sectionContent a {
			color:#4074E1;
		}
		.section1 {
			background-color:#EBF1FC;
		}	
		.section2 {
			background-color:#D9E3F9;
		}
		.section3 {
			background-color:#C5D5F6;
		}
		.section4 {
			background-color:#B3C7F3;
		}
		.sectionImage {
			padding:35px 0px 30px;
		}
		.sectionBody {
			padding:35px 0 30px 30px;
		}
        /* Indented section contents */
        
		.paddedContent {
		    padding:0 25px;
		    border-top:1px solid #efefef;
		}
		.paddingBottom {
		    padding-bottom: 30px;
		}
		/* Blog post styles */
		.blogpostContent, .featuredPostContent {
            color:;
    	    font-size:14px;
    		line-height:20px;
    		padding-top:30px;
		}
		.blogTopic, .blogAuthor, .blogletterTitle, .featuredPostHeader, .featuredPostHeader a  {
		    font-size:16px;
    		line-height:22px;
		    font-weight:600;
		}
		.blogAuthor {
		    color:;
		}
		.blogletterTitle,.featuredPostHeader, .featuredPostHeader a {
		    color:;
		}
		.blogletterTitle {
		    padding:30px 0 20px;
		}
		.blogletterDescription {
		    padding:0 0 20px;
		    color:;
		}
		
		/* Featured Post Styles */
		.featuredPostsWrapper {
			margin-bottom:20px;
		}
		.featuredPostContent {
			padding:10px 0 5px 0;
		}
		.featuredPostContent p {
    	    color:;
    		font-size:13px;
    		line-height:20px;
    		font-weight:normal;
		}
		.featuredPostContent p + p {
		    margin-top:10px;
		}
		.featuredPostContent a {
			color:#4074E1;
		}
		a.featuredPostReadMore {
		    font-weight:600;
		}
		.featuredPostImage {
			padding:0 0 40px;
		}
		.featuredPostBody {
			padding:0 0 40px 25px;
		}
		
		/* Editors post styles */
		.rectangleBorder {
		    border-collapse:separate;
		    border:1px solid #efefef;
            -moz-border-radius:4px;
		    border-radius:4px;
		    padding:0 25px;
		}
		.editorsPost {
		    border-bottom:1px solid #efefef;
		    padding:25px 0 20px;
		}
		.editorsPostHeader, .editorsPostReadMoreLink {
		    color:;
    	    font-size:14px;
    		line-height:21px;
    		font-weight:600;
		}
	    a.editorsPostReadMoreLink {
		    color:#4074E1;
        }
        .editorsPostSource {
            color:;
            font-size:12px;
            text-transform:uppercase;
            padding-top:5px;
        }
        .editorsPostSource a:-webkit-any-link {
            color:inherit !important;
        }
        
        /* Editor Bios */
        .editor {
            padding-bottom:20px;
        }
        .editorBio {
            color:;
            font-size:14px;
            line-height:21px;
            padding:5px 0 25px;
        }
        .editorImage {
            padding-right:20px;
        }
        .editorContent {
            font-size:12px;
            line-height:16px;
        }
        .editorTitle {
            color:;
        }
        
        /* Modifiers */
        .no-border {
            border-top: none;
            border-bottom:none;
        }
  </style>
  <style type="text/css">
   @media screen and (min-width:600px){
		.desktop-hide {
			display:none !important;
		}
}
@media screen and (max-width:650px){
		#backgroundTable {
			width:100% !important;
			min-width:100% !important;
		}
		#templateContainer {
			max-width:600px !important;
			width:100% !important;
			min-width:100% !important;
		}		
}	@media only screen and (max-width:520px){
		body,table,td,p,a,li,blockquote{
			-webkit-text-size-adjust:none !important;
		}
		body {
			width:100% !important;
			min-width:100% !important;
		}
		#bodyCell {
			padding:0 !important;
		}
		.tagline {
			border-top:0 !important;
			padding-top:20px !important;
		}
		.templateContent {
			padding-left:20px !important;
			padding-right:20px !important;
		}
		.headerContent {
			font-size:28px !important;
			line-height:38px !important;
		}
		#bl .headerContent {
		    font-size:18px !important;	
		    line-height:24px !important;
		    padding-top:10px !important;
		}
		.subheaderContent {
			padding-bottom:25px !important;
		}
		.sectionHeader, .sectionContent {
			text-align:center !important;
		}
		.letterContent {
			padding-left:0 !important;
			padding-right:0 !important;
		}
		.calloutHeader {
		    padding-top:30px !important;
		}
		.ctaContent.callout {
		    padding-bottom:10px !important;
		}
		.footerContent, .footerSettingsContent {
			font-size:12px !important;
		}
		a.mobile-button {
			font-size:14px !important;
		}
		.mob-column{
			float:none !important;
			display:block !important;
			width:100% !important;
		}  
		.featuredPostImage img, .blogpostImage img {
		    width:100% !important;
		    max-height:100% !important;
		}
		.mob-hide{
			display:none !important;
		}
		.mob-center {
		    text-align:center!important;
		}
		.paddedContent {
		    padding: 0 !important;
		}
		.paddedContent.mob-no-border {
		    border-top: none!important;
		}
		.paddedContent.paddingBottom {
		    padding-bottom: 30px !important;
		}
		td.templateContent.sections, .sectionImage, .sectionBody, .featuredPostBody, .featuredPostImage {
			padding-left:0 !important;
			padding-right:0 !important;
		}
		.sectionImage {
			padding-top:30px !important;
			padding-bottom:0 !important;
		}	
		.sectionBody {
		    padding-top:15px !important;
		}
		.featuredPostBody {
		    padding-bottom:30px !important;
		}
		.featuredPostImage {
		    padding-bottom:20px !important;
		}
		.featuredPostContent {
		    padding-top: 5px !important;
		}
		.editorsPostContent {
		    width:90% !important;   
		}
		.editorsPostReadMore {
		    width:10% !important;
		}
		.blogTopic, .blogAuthor, .blogletterTitle, .featuredPostHeader, .featuredPostHeader a  {
		    font-size:14px !important;
    		line-height:20px !important;
		}
		.paddingBottom {
		    padding-bottom: 30px !important;
		}
} @media only screen and (max-width:440px){
		p.smallText {
			font-size:13px !important;
		}
}
  </style>
  <!--[if mso]>
	<style type="text/css">
		body, table, td, p, a, a span, strong {font-family:Helvetica, Arial, sans-serif !important;}
	</style>
<![endif]-->
  <!-- end coded_template: id:5639637729 path:Custom/page/df_templates/df_css_shared.html -->
  <meta content="HubSpot" name="generator"/>
  <meta content="https://content.wistia.com/-temporary-slug-3aea66e4-dbdd-4ed3-99c2-30c0a8ac6986" property="og:url"/>
  <meta name="x-apple-disable-message-reformatting"/>
  <meta content="noindex,follow" name="robots"/>
 </head>
 <body bgcolor="#f5f8fd" height="100%" leftmargin="0" marginheight="0" marginwidth="0" offset="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; height:100% !important; width:100% !important; margin:0; padding:0; background-color:#f5f8fd; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" topmargin="0" width="100%">
  <span class="preheader" style="display:none !important">
   Spoiler alert: It involves planning ahead and some simple math. Keep your creative vision intact right from the start!
  </span>
  <!-- Begin backgroundTable -->
  <table align="center" bgcolor="#f5f8fd" border="0" cellpadding="0" cellspacing="0" height="100%" id="backgroundTable" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; text-decoration:none; border-bottom:none; height:100% !important; width:100% !important; margin:0; padding:0; background-color:#f5f8fd; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" width="100%">
   <tbody>
    <tr>
     <td align="center" height="100%" id="bodyCell" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; height:100% !important; width:100% !important; margin:0; padding:75px 20px 20px" valign="top" width="100%">
      <!-- Begin Template Container -->
      <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" id="templateContainer" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; width:600px; background-color:#ffffff" width="600">
       <tbody>
        <tr>
         <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" valign="top">
          <!-- Begin Template Wrapper -->
          <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_15471351009461331" style="color: inherit; font-size: inherit; line-height: inherit;">
          </div>
          <table border="0" cellpadding="0" cellspacing="0" id="templateWrapper" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="100%">
           <!-- Begin Tagline Header -->
           <tbody>
            <tr>
             <td align="center" class="tagline" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-top:2px solid #4074e1; padding-top:30px" valign="top">
              <table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="80%">
               <tbody>
                <tr>
                 <td align="center" class="mob-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" valign="middle" width="30%">
                 </td>
                 <td align="center" class="logo" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:20px; padding-bottom:20px" valign="middle" width="40%">
                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#4074e1" target="_blank">
                   <img align="center" alt="Wistia Video Hosting" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhub%252F120237%252Fhubfs%252Fassets%252Fimages%252Femail%252Fdarkblueflag%25402x.png%253Fnoresize%2526width%253D20%2526height%253D15%2526name%253Ddarkblueflag%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:20px; max-height:15px; text-align:center; vertical-align:middle" width="20"/>
                  </a>
                 </td>
                 <td align="right" class="mob-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" valign="middle" width="30%">
                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#4074e1" target="_blank">
                   <img align="center" alt="" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhub%252F120237%252Fhubfs%252Fassets%252Fimages%252Femail%252Fuser-darkblue%25402x.png%253Fnoresize%2526width%253D8%2526height%253D9%2526name%253Duser-darkblue%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:8px; max-height:9px; text-align:center; vertical-align:middle" width="8"/>
                   <strong style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-weight:600; letter-spacing:0.25px">
                    <span class="taglineContent" style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-size:11px; line-height:16px; font-weight:600; letter-spacing:0.2px; color:#4074E1">
                     My account
                    </span>
                   </strong>
                  </a>
                 </td>
                </tr>
               </tbody>
              </table>
             </td>
            </tr>
            <!-- End Tagline Header -->
            <!-- Begin Main Body -->
            <tr>
             <td align="center" class="templateContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; color:#444444; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; font-size:16px; line-height:20px; border-bottom:2px solid #4074e1; padding:10px 100px 30px 100px" valign="top">
              <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_1547132143111682" style="color: inherit; font-size: inherit; line-height: inherit;">
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_1547131364610575" style="color: inherit; font-size: inherit; line-height: inherit;">
                <!-- Template Image -->
               </div>
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_154707129633457" style="color: inherit; font-size: inherit; line-height: inherit;">
                <!-- CTA Content -->
               </div>
               <div class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" data-hs-cos-general-type="widget" data-hs-cos-type="module" id="hs_cos_wrapper_module_15471372612931561" style="color: inherit; font-size: inherit; line-height: inherit;">
                <!-- -- if callout ---->
                <!-- Footer Content -->
               </div>
               <table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="100%">
                <!-- Template Header -->
                <tbody>
                 <tr>
                  <td align="center" class="headerContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#4074e1; font-size:32px; line-height:43px; padding:0 20px 20px 20px; font-weight:300" valign="middle">
                   Isn't math cool?
                  </td>
                 </tr>
                 <!-- End Template Header -->
                 <tr>
                  <td align="left" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" valign="top">
                   <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-bottom:none; color:#222222; text-decoration:none" target="_blank">
                    <img align="center" alt="aspect" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhub%252F120237%252Fhubfs%252Faspect.png%253Fnoresize%2526width%253D400%2526height%253D224%2526name%253Daspect.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM" style="height:auto; line-height:100%; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; width:400px; max-width:100%; max-height:224px; clear:both; display:block; border:none" width="400"/>
                   </a>
                  </td>
                 </tr>
                 <!-- End Template Image -->
                 <!-- Template text -->
                 <tr>
                  <td align="left" class="letterContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#4074e1; font-size:16px; line-height:24px; padding-top:30px" valign="top">
                   <p style="margin-bottom: 1em; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#444444; margin:0; padding:0; line-height:24px; mso-line-height-rule:exactly">
                    While it may seem small, your video's aspect ratio is a powerful creative tool. Learn how to calculate the perfect dimensions for your video
                    <em>
                     before
                    </em>
                    you start shooting and give our free video aspect ratio calculator a try while you're at it!
                   </p>
                  </td>
                 </tr>
                 <!-- End template text -->
                 <tr>
                  <td align="center" class="ctaContent callout" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:35px; padding-bottom:25px" valign="top">
                   <table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding:5px 0 10px 0">
                       <table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none">
                        <tbody>
                         <tr>
                          <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
                           <div>
                            <font face="'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif;">
                             <!--[if mso]>
								  <v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="https://wistia.com/learn/production/choosing-the-aspect-ratio-for-your-video" style="height:35px;v-text-anchor:middle;width:120px;" arcsize="10%" strokecolor="#4074E1" fillcolor="#ffffff">
									<w:anchorlock/>
									<center style="color:#4074E1;font-family:Helvetica, Arial, sans-serif;font-size:14px;font-weight:normal;"></center>
								  </v:roundrect>
								<![endif]-->
                             <a align="center" bgcolor="#ffffff" class="mobile-button" data-hs-link-id="1" style="-ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-bottom:none; background-color:#ffffff; border:1px solid #4074E1; border-radius:4px; color:#4074E1; display:inline-block; font-size:14px; font-weight:normal; line-height:35px; text-align:center; text-decoration:none; width:120px; -webkit-text-size-adjust:none; mso-hide:all" target="_blank" width="120">
                              Get calculating!
                             </a>
                            </font>
                           </div>
                          </td>
                         </tr>
                        </tbody>
                       </table>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                 <!-- End CTA Content -->
                 <tr>
                  <td align="center" class="footer" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; border-top:1px solid #efefef; padding-right:20px; padding-left:20px" valign="top">
                   <table border="0" cellpadding="0" cellspacing="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="100%">
                    <tbody>
                     <tr>
                      <td align="center" class="footerLogo" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; padding-top:35px; padding-bottom:20px" valign="middle" width="100%">
                       <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#4074e1" target="_blank">
                        <img align="center" alt="Wistia Video Hosting" height="auto" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhub%252F120237%252Fhubfs%252Fassets%252Fimages%252Femail%252Fdarkbluelogo%25402x.png%253Fnoresize%2526width%253D110%2526height%253D18%2526name%253Ddarkbluelogo%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM" style="-ms-interpolation-mode:bicubic; border:0; height:auto; line-height:100%; outline:none; text-decoration:none; max-width:110px; max-height:18px; text-align:center; vertical-align:middle" width="110"/>
                       </a>
                      </td>
                     </tr>
                     <tr>
                      <td align="center" class="footerContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#9ca8b7; font-size:12px; line-height:18px; text-align:center" valign="top">
                       <strong style="font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; font-weight:600; letter-spacing:0.25px">
                        Sent with love from Wistia HQ
                       </strong>
                       <br/>
                       <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#9CA8B7; font-weight:normal; cursor:text" target="_blank">
                        17 Tudor St, Cambridge, MA 02139
                       </a>
                       <br/>
                       <br/>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                 <!-- End Footer Content -->
                </tbody>
               </table>
              </div>
             </td>
            </tr>
            <!-- End Main Body -->
            <tr>
             <td align="center" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif" valign="top">
              <!-- Begin Template Footer -->
              <table bgcolor="#f5f8fd" border="0" cellpadding="0" cellspacing="0" id="footerSettings" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; background-color:#f5f8fd" width="100%">
               <tbody>
                <tr>
                 <td align="center" class="footerSettingsContent" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; color:#9ca8b7; font-size:12px; line-height:18px; text-align:center; padding:20px 20px 100px 20px" valign="top">
                  This message is an automated alert from Wistia.
                  <span class="desktop-hide">
                   <br/>
                  </span>
                  <a data-hs-link-id="0" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; color:#4074E1" target="_blank">
                   Click here to edit your alert settings.
                  </a>
                 </td>
                </tr>
                <tr>
                 <td class="mob-hide" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
                  <table align="center" bgcolor="#F5FBFE" border="0" cellpadding="0" cellspacing="0" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none; margin-left:auto; margin-right:auto; mso-table-lspace:0; mso-table-rspace:0">
                   <tbody>
                    <tr>
                     <td style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
                      <table cellpadding="0" cellspacing="0" class="" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; border-collapse:collapse !important; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif; text-decoration:none; border-bottom:none" width="600px">
                       <tbody>
                        <tr>
                         <td class="gmail" style="-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; mso-table-lspace:0pt; mso-table-rspace:0pt; text-decoration:none; border-bottom:none; font-family:'Whitney', system, -apple-system, BlinkMacSystemFont, Helvetica, Arial, sans-serif">
                          <img alt="" border="0" height="1" sizes="(max-width: 600px) 100vw, 600px" src="https://inboxflows.com/_/image/https%253A%252F%252Fcdn2.hubspot.net%252Fhub%252F120237%252Fhubfs%252Fimages%252Fspace.gif%253Fwidth%253D600%2526height%253D1%2526name%253Dspace.gif/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjZG4yLmh1YnNwbyJ9:1kXOn2:8T1iNn5f_fcPBHuhegknKvbn22aBrvL15FwLhND4ewM" srcset="https://cdn2.hubspot.net/hub/120237/hubfs/images/space.gif?width=600&amp;height=1&amp;name=space.gif 600w, https://cdn2.hubspot.net/hub/120237/hubfs/images/space.gif?width=1200&amp;height=2&amp;name=space.gif 1200w" style="-ms-interpolation-mode:bicubic; border:0; line-height:100%; outline:none; text-decoration:none; height:1px !important; display:block; min-height:1px; max-height:1px; width:550px; min-width:600px" width="550"/>
                         </td>
                        </tr>
                       </tbody>
                      </table>
                     </td>
                    </tr>
                   </tbody>
                  </table>
                 </td>
                </tr>
               </tbody>
              </table>
              <!-- End Template Footer -->
             </td>
            </tr>
           </tbody>
          </table>
          <!-- End Template Wrapper -->
         </td>
        </tr>
       </tbody>
      </table>
      <!-- End Template Container -->
     </td>
    </tr>
   </tbody>
  </table>
  <!-- End backgroundTable -->
  <!-- end coded_template: id:7008528460 path:DF_Template_Updated/df_template_updated.html -->
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW582mt09dwMvhW3NRHyb3MJ_sS0%252F5%252Ff18dQhb0J6B1clsYN8tVJFmf__SMVjbYHK24TscTW24PF0r2YnyV-Ls7yK2xwPMMvlGVHT7TrbW20X1361S86QnW3CcYBR3ZZpy9N1JxwY52rkszW17f7hv7j39FQW8PSqRn6D7l2NW4LDv7V7l3NtYV28Y2h8V018NW197Sxh48SsnW102/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74" 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" width="1"/>
  <style>
   @media print{#_hs { background-image: url('https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW7KQC1092rRqMW9lL8q02H86Qx0%252F5%252Ff18dQhb0S6Hg5gpZ3WN1-0WsXHzgDLW5D8yYk4LQbd3W2mp9f_4-tC2kW4Pw4J12sbPxnV74HNR4rQSHSW30TtxL3L-_c8W2xShlz4s5YcCW4C-5FV5qv4fvN7jwqnGzBbFpW8Gc_c84LS2CfW2CYRWs1VZfy7W8hr0hf2D1MShVVmr_V6M1-ld102/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74');}} div.OutlookMessageHeader {background-image:url('https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW1jK2mm3L6g8SW2pt17f57R0qp0%252F5%252Ff18dQhb0S6Hf5gp66FN1-0WsXHzgDLW5D8yYk4LQbfyW5HQHpl3FsfphW4PFxqB5ZH4gdW448frN4q7SzvW6NFXRz5jDgPlW30Nm9j2TVfMJW3sm0wn2GtM6jW5x6QZZ8GRMvmW3fvNtF38dkWJW59GQZM5QqjCcW4V2MjG8jw12FW4f28tv7F17_Ff3QbRmg04/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74')} table.moz-email-headers-table {background-image:url('https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW1jK2mm3L6g8SW2pt17f57R0qp0%252F5%252Ff18dQhb0S6Hf5gp66FN1-0WsXHzgDLW5D8yYk4LQbfyW5HQHpl3FsfphW4PFxqB5ZH4gdW448frN4q7SzvW6NFXRz5jDgPlW30Nm9j2TVfMJW3sm0wn2GtM6jW5x6QZZ8GRMvmW3fvNtF38dkWJW59GQZM5QqjCcW4V2MjG8jw12FW4f28tv7F17_Ff3QbRmg04/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74')} blockquote #_hs {background-image:url('https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW1jK2mm3L6g8SW2pt17f57R0qp0%252F5%252Ff18dQhb0S6Hf5gp66FN1-0WsXHzgDLW5D8yYk4LQbfyW5HQHpl3FsfphW4PFxqB5ZH4gdW448frN4q7SzvW6NFXRz5jDgPlW30Nm9j2TVfMJW3sm0wn2GtM6jW5x6QZZ8GRMvmW3fvNtF38dkWJW59GQZM5QqjCcW4V2MjG8jw12FW4f28tv7F17_Ff3QbRmg04/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74')} #MailContainerBody #_hs {background-image:url('https://inboxflows.com/_/image/https%253A%252F%252Fcontent.wistia.com%252Fe2t%252Fo%252F%252AN4XxsMGwh9ynW2t7LCr7FmvB60%252F%252AW1jK2mm3L6g8SW2pt17f57R0qp0%252F5%252Ff18dQhb0S6Hf5gp66FN1-0WsXHzgDLW5D8yYk4LQbfyW5HQHpl3FsfphW4PFxqB5ZH4gdW448frN4q7SzvW6NFXRz5jDgPlW30Nm9j2TVfMJW3sm0wn2GtM6jW5x6QZZ8GRMvmW3fvNtF38dkWJW59GQZM5QqjCcW4V2MjG8jw12FW4f28tv7F17_Ff3QbRmg04/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZjb250ZW50LndpcyJ9:1kXOn2:H5brx-OeELqk_knZ0M9yEfxDPWTspNUMkxWbGDnVj74')}
  </style>
  <div id="_hs">
  </div>
 </body>
</html>