cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

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.

Quick-add: + add another resource

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.

Quick-add: + add another resource

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.

            
              <head>
  <title>COMPLEX</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0 ">
  <meta name="format-detection" content="telephone=no">
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,800,800italic,700italic" rel="stylesheet" type="text/css">
  <!--<![endif]-->
  <style type="text/css">
    body {
      -webkit-text-size-adjust: 100% !important;
      -ms-text-size-adjust: 100% !important;
      -webkit-font-smoothing: antialiased !important;
    }
    img {
      border: 0 !important;
      outline: none !important;
    }
    p {
      Margin: 0px !important;
      Padding: 0px !important;
    }
    table {
      border-collapse: collapse;
      mso-table-lspace: 0px;
      mso-table-rspace: 0px;
    }
    td, a, span {
      border-collapse: collapse;
      mso-line-height-rule: exactly;
    }
    .ExternalClass * {
      line-height: 100%;
    }
    .em_black a {
      color: #1f1f1f;
      text-decoration: none;
    }
    .em_grey a {
      color: #bebebe;
      text-decoration: none;
    }
    .em_black1 a {
      color: #282828;
      text-decoration: none;
    }
    .em_black2 a {
      color: #333333;
      text-decoration: none;
    }
    .em_white a {
      color: #ffffff;
      text-decoration: none;
    }
    .em_ftr_link a {
      color: #555555;
      text-decoration: none;
    }
    .em_full_img img {
      width: 100% !important;
      height: auto !important;
      max-width: 579px !important;
    }
    @media only screen and (max-width: 479px) {
      table[class=em_wrapper] {
        width: 100% !important;
      }
      table[class=em_main_table] {
        width: 100% !important;
      }
      td[class=em_hide], br[class=em_hide], span[class=em_hide] {
        display: none !important;
      }
      td[class=em_full_img] img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
      }
      td[class=em_aside] {
        width: 10px !important;
      }
      td[class=em_spc] {
        height: 40px !important;
      }
      td[class=em_padtop] {
        padding-top: 20px !important;
      }
      td[class=em_spc1] {
        height: 20px !important;
      }
      td[class=em_spc30] {
        height: 30px !important;
      }
      td[class=em_spc2] {
        height: 12px !important;
      }
    }
    @media only screen and (min-width: 480px) and (max-width: 599px) {
      table[class=em_wrapper] {
        width: 100% !important;
      }
      table[class=em_main_table] {
        width: 100% !important;
      }
      td[class=em_hide], br[class=em_hide], span[class=em_hide] {
        display: none !important;
      }
      td[class=em_full_img] img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
      }
      td[class=em_aside] {
        width: 10px !important;
      }
      td[class=em_spc] {
        height: 40px !important;
      }
      td[class=em_padtop] {
        padding-top: 20px !important;
      }
      td[class=em_spc1] {
        height: 20px !important;
      }
      td[class=em_spc2] {
        height: 12px !important;
      }
      td[class=em_spc30] {
        height: 30px !important;
      }
    }
  </style>
</head>

<body bgcolor="#f0f0f0" style="margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px;padding-top:0px;padding-bottom:0px;padding-right:0px;padding-left:0px;-webkit-text-size-adjust:100% !important;-ms-text-size-adjust:100% !important;-webkit-font-smoothing:antialiased !important;">

  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor="#f0f0f0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
    <tbody>
      <tr>
        <td align="center" valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
          <table width="620" border="0" cellspacing="0" cellpadding="0" align="center" class="em_main_table" bgcolor="#ffffff" style="table-layout:fixed;border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">

            <tbody>
              <tr>


                <td valign="top" bgcolor="#1f1f1f" style="border-collapse:collapse;mso-line-height-rule:exactly;">


                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                    <tbody>
                      <tr>
                        <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                      </tr>
                      <tr>
                        <td align="center" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                          <a href="http://www.complex.com/?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=COMPLEX"
                            target="_blank" style="text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i8.cmail20.com/ti/i/4A/0A8/506/030830/images/h_logo.png" width="48" alt="COMPLEX" border="0" style="display:block;font-family:Arial, sans-serif;font-size:9px;line-height:50px;color:#ffffff;font-weight:bold;text-align:center;max-width:48px;border-width:0 !important;outline-style:none !important;"></a>
                        </td>


                      </tr>
                      <tr>
                        <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
              </tr>


              <tr>
                <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">


                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                    <tbody>
                      <tr>
                        <td class="em_aside" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                          <a href="http://collider.com/san-diego-comic-con-2016-contest/?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i4.cmail20.com/ei/i/B8/526/341/csimport/collider.125754.jpg" width="100%" style="border-width:0 !important;outline-style:none !important;"></a>
                        </td>
                      </tr>

                      <tr>
                        <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                      </tr>

                    </tbody>
                  </table>

                  <style>
                    @media only screen and (max-width: 599px) {
                      td[class="pattern"] img {
                        width: 100%;
                        height: auto !important;
                      }
                      td[class="pattern"] img.cta {
                        width: auto;
                      }
                      td[class="pattern"] table, td[class="pattern"] .row {
                        width: 100%;
                      }
                      td[class="pattern"] .img {
                        display: block;
                        float: left;
                        width: 25%;
                      }
                      td[class="pattern"] .middle {
                        width: 50%;
                      }
                    }
                    @media only screen and (max-width: 550px) {
                      td[class="pattern"] .headline {
                        font-size: 26px !important;
                      }
                    }
                    @media only screen and (max-width: 460px) {
                      td[class="pattern"] .row2 {
                        padding: 40px 0;
                      }
                      td[class="pattern"] .headline {
                        font-size: 42px !important;
                      }
                      td[class="pattern"] .body_copy {
                        font-size: 16px !important;
                      }
                      td[class="pattern"] .hide {
                        display: none;
                      }
                      td[class="pattern"] .img {
                        width: 50%;
                      }
                      td[class="pattern"] .img img {
                        width: 100%;
                      }
                    }
                  </style>
                  <table cellpadding="0" cellspacing="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                    <tbody>
                      <tr>
                        <td class="pattern" width="600" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                            <tbody>
                              <tr>
                                <td class="row row1" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td class="img hide" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/sneakers/2016/06/best-jordans-of-2016-so-far?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i1.cmail20.com/ei/i/B8/526/341/csimport/Best-Of_-Jordans_FINAL.112023.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/pop-culture/2016/12/best-movies-of-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i2.cmail20.com/ei/i/B8/526/341/csimport/BEST-OF-MOVIES_final.111844.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/style/2016/06/the-best-fashion-collaborations-of-2016-so-far?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i3.cmail20.com/ei/i/B8/526/341/csimport/Fashion-Collabs_final.111946.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img hide" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/music/2016/06/best-songs-of-2016/?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i4.cmail20.com/ei/i/B8/526/341/csimport/SONGS_final.112003.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td class="row row2" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td class="hide" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/sneakers/2016/06/best-sneaker-collaborations-2016-so-far?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                                                    style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i5.cmail20.com/ei/i/B8/526/341/csimport/just-don-jordan-2-beach_s6dub7.112839.jpg" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/music/2016/06/best-songs-of-2016/?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                                                    style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i6.cmail20.com/ei/i/B8/526/341/csimport/kanye-west-the-life-of-pablo-cover_o8na2g.113012.jpg" width="150" height="150" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td class="middle" width="300" align="center" valign="middle" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td class="headline" align="center" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:30px;font-weight:bold;text-transform:uppercase;color:#333;padding-top:10;padding-bottom:10;padding-right:20px;padding-left:20px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  The Best of 2016 (so far)
                                                </td>
                                              </tr>
                                              <tr>
                                                <td class="body_copy" align="center" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:14px;color:#666;padding-top:10px;padding-bottom:10px;padding-right:20px;padding-left:20px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  A definitive ranking of everything that mattered most in the first half of the year. See how your favorites stack up:
                                                </td>
                                              </tr>
                                              <tr>
                                                <td align="center" style="padding-top:10px;padding-bottom:10px;padding-right:10px;padding-left:10px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/music/best-albums-of-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                                    style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img class="cta" src="http://i7.cmail20.com/ei/i/B8/526/341/csimport/ScreenShot2016-06-17at10.35.42AM.132803.png" width="140" height="40" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td class="hide" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/pop-culture/2016/12/best-tv-shows-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign+Monitor+newsletter"
                                                    style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i8.cmail20.com/ei/i/B8/526/341/csimport/last-week-tonight_magexi.113719.jpg" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                                </td>
                                              </tr>
                                              <tr>
                                                <td style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/music/best-albums-of-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                                    style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i9.cmail20.com/ei/i/B8/526/341/csimport/beyonce-lemonade-cover_o8bz4k.113728.jpg" width="150" height="150" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td class="row row3" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table cellpadding="0" cellspacing="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/pop-culture/2016/12/best-tv-shows-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign+Monitor+newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i10.cmail20.com/ei/i/B8/526/341/csimport/Shows_final_loop.112243.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/music/best-albums-of-2016/?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i1.cmail20.com/ei/i/B8/526/341/csimport/Albums_CD.112129.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/sneakers/2016/06/best-sneakers-of-2016-so-far?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i2.cmail20.com/ei/i/B8/526/341/csimport/best-of-sneakers_final.132923.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                        <td class="img" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <a href="http://www.complex.com/style/2016/06/the-best-style-moments-of-2016-so-far?utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far%20CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_medium=email&amp;utm_source=Campaign%20Monitor%20newsletter"
                                            style="border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank"><img src="http://i3.cmail20.com/ei/i/B8/526/341/csimport/Best-Of_Style-Moments_final.112051.gif" width="150" height="100" style="display:block;border-width:0 !important;outline-style:none !important;"></a>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                    <tbody>
                      <tr>
                        <td width="20" class="em_aside" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                            <tbody>
                              <tr>
                                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td class="em_black1" align="center" style="font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:25px;line-height:27px;color:#282828;font-weight:bold;border-collapse:collapse;mso-line-height-rule:exactly;">
                                  NEVER MISS A BEAT
                                </td>
                              </tr>
                              <tr>
                                <td height="18" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td valign="top" bgcolor="#00acec" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                <td align="center" valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <table width="218" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                                    <tbody>
                                                      <tr>
                                                        <td width="25" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://twitter.com/ComplexMag" target="_blank" style="text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i1.cmail20.com/ti/i/4A/0A8/506/030830/images/tw_icon.png" width="25" alt="Tw" border="0" style="display:block;max-width:25px;font-family:Arial, sans-serif;font-size:13px;line-height:20px;color:#000000;font-weight:bold;text-align:center;border-width:0 !important;outline-style:none !important;"></a>
                                                        </td>
                                                        <td width="16" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                        <td class="em_white" align="left" valign="middle" style="font-family:'Open Sans', Arial, sans-serif;font-size:18px;color:#ffffff;font-weight:300;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://twitter.com/ComplexMag" target="_blank" style="color:#ffffff;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">Follow Us On Twitter</a>
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td width="20" class="em_aside" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                        <td bgcolor="#efefef" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i4.cmail20.com/ti/i/4A/0A8/506/030830/images/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;border-width:0 !important;outline-style:none !important;"></td>
                                        <td width="20" class="em_aside" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td valign="top" bgcolor="#5471a9" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                <td align="center" valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <table width="278" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                                    <tbody>
                                                      <tr>
                                                        <td width="14" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://www.facebook.com/complex" target="_blank" style="text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i2.cmail20.com/ti/i/4A/0A8/506/030830/images/fb_icon.png" width="14" alt="F" border="0" style="display:block;max-width:14px;font-family:Arial, sans-serif;font-size:13px;line-height:20px;color:#000000;font-weight:bold;text-align:center;border-width:0 !important;outline-style:none !important;"></a>
                                                        </td>
                                                        <td width="16" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                        <td class="em_white" align="left" valign="middle" style="font-family:'Open Sans', Arial, sans-serif;font-size:18px;color:#ffffff;font-weight:300;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://www.facebook.com/complex" target="_blank" style="color:#ffffff;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">Stay Connected on Facebook</a>
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td width="20" class="em_aside" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                        <td bgcolor="#efefef" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i4.cmail20.com/ti/i/4A/0A8/506/030830/images/spacer.gif" width="1" height="1" alt="" border="0" style="display:block;border-width:0 !important;outline-style:none !important;"></td>
                                        <td width="20" class="em_aside" height="1" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="20" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td valign="top" bgcolor="#df2d29" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                      <tr>
                                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                <td align="center" valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <table width="259" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                                    <tbody>
                                                      <tr>
                                                        <td width="57" style="font-size:0px;line-height:0px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://www.youtube.com/user/Complexmagazine" target="_blank" style="text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i3.cmail20.com/ti/i/4A/0A8/506/030830/images/yt_icon.png" width="57" alt="Youtube" border="0" style="display:block;max-width:57px;font-family:Arial, sans-serif;font-size:13px;line-height:20px;color:#000000;font-weight:bold;text-align:center;border-width:0 !important;outline-style:none !important;"></a>
                                                        </td>
                                                        <td width="16" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                                        <td class="em_white" align="left" valign="middle" style="font-family:'Open Sans', Arial, sans-serif;font-size:18px;color:#ffffff;font-weight:300;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                          <a href="https://www.youtube.com/user/Complexmagazine" target="_blank" style="color:#ffffff;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">Subscribe to YouTube</a>
                                                        </td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                                <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                      <tr>
                                        <td height="15" class="em_spc2" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="39" class="em_spc1" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td width="20" class="em_aside" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>


                </td>
              </tr>

            </tbody>
          </table>


        </td>
      </tr>
      <tr>
        <td valign="top" bgcolor="#353535" style="border-collapse:collapse;mso-line-height-rule:exactly;">
          <table width="620" border="0" cellspacing="0" cellpadding="0" align="center" class="em_main_table" style="table-layout:fixed;border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
            <tbody>
              <tr>
                <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                    <tbody>
                      <tr>
                        <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                            <tbody>
                              <tr>
                                <td height="42" class="em_spc30" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center" valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                  <table width="283" border="0" cellspacing="0" cellpadding="0" align="center" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                    <tbody>
                                      <tr>
                                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td class="em_ftr_link" align="center" valign="top" style="font-family:'Open Sans', Arial, sans-serif;font-size:14px;line-height:28px;color:#555555;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/contact?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=Contact%20US"
                                                    target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">Contact US</a><br>
                                                  <a href="http://www.complex.com/about" target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">ADVERTISE</a><br>
                                                  <a href="http://www.complex.com/privacy?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=privacy%20policy"
                                                    target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">privacy policy</a>

                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td width="30" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                                        <td valign="top" style="border-collapse:collapse;mso-line-height-rule:exactly;">
                                          <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;mso-table-lspace:0px;mso-table-rspace:0px;">
                                            <tbody>
                                              <tr>
                                                <td class="em_ftr_link" align="center" valign="top" style="font-family:'Open Sans', Arial, sans-serif;font-size:14px;line-height:28px;color:#555555;font-weight:800;text-transform:uppercase;letter-spacing:1px;border-collapse:collapse;mso-line-height-rule:exactly;">
                                                  <a href="http://www.complex.com/terms?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=terms%20of%20use"
                                                    target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">terms of use</a><br>
                                                  <a href="http://www.complex.com/share?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=feeDS"
                                                    target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">feeDS</a><br>
                                                  <a href="http://www.complex.com/sitemap?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=SITE%20MAP"
                                                    target="_blank" style="color:#555555;text-decoration:none;border-collapse:collapse;mso-line-height-rule:exactly;">SITE MAP</a>

                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                              <tr>
                                <td height="22" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td align="center" valign="top" style="font-family:'Open Sans', Arial, sans-serif;font-size:11px;line-height:15px;color:#6a6a6a;border-collapse:collapse;mso-line-height-rule:exactly;">
                                  © 2015 Complex Media Inc. All rights reserved.<br> 1271 Avenue of the Americas, 35th Fl. New York, NY 10020<br>
                                  <br> You are receiving this email because you signed up on&nbsp;<a href="http://www.complex.com/?utm_medium=email&amp;utm_campaign=20160617_Complex_Best_Of_2016_So_Far&amp;utm_content=20160617_Complex_Best_Of_2016_So_Far+CID_b8cbbf7cfe79b612d920528ecd2c1cbd&amp;utm_source=Campaign%20Monitor%20newsletter&amp;utm_term=complexcom"
                                    target="_blank" style="color:#6a6a6a;border-collapse:collapse;mso-line-height-rule:exactly;">complex.com.</a> <br>
                                  <br>
                                  <a href="#" style="font-family:'Open Sans', Arial, sans-serif;font-size:11px;line-height:15px;color:#6a6a6a;border-collapse:collapse;mso-line-height-rule:exactly;" target="_blank">Unsubscribe</a>
                                </td>
                              </tr>
                              <tr>
                                <td height="27" class="em_spc30" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                              </tr>
                              <tr>
                                <td height="20" align="center" style="font-size:1px;line-height:1px;border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;


                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td width="10" style="border-collapse:collapse;mso-line-height-rule:exactly;">&nbsp;</td>
                      </tr>
                    </tbody>
                  </table>
                </td>
              </tr>
              <tr>
                <td class="em_hide" height="1" bgcolor="#353535" style="line-height:1px;min-width:620px;border-collapse:collapse;mso-line-height-rule:exactly;"><img src="http://i4.cmail20.com/ti/i/4A/0A8/506/030830/images/spacer.gif" height="1" width="620" alt="" border="0" style="max-height:1px;min-height:1px;display:block;width:620px;min-width:620px;border-width:0 !important;outline-style:none !important;"></td>
              </tr>
            </tbody>
          </table>
        </td>
      </tr>
    </tbody>
  </table>

  <div style="display:none;white-space:nowrap;font-style:normal;font-variant:normal;font-weight:normal;font-size:20px;font-family:courier;line-height:normal;color:#ffffff;background-color:#ffffff;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
  <img src="https://complexmedia.cmail20.com/t/i-o-kljjlly-ohdiryhki/o.gif" width="1" height="1" border="0" alt="" style="visibility:hidden !important;display:block !important;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;outline-style:none !important;">


</body>
            
          
!
999px
Loading ..................

Console