:root {
  --red: #cc2222;
  --dark: #0d0d0d;
  --mid: #111111;
  --light: #222222;
  --text: #888888;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { background:#0d0d0d; font-family:'Helvetica Neue',Arial,sans-serif; -webkit-font-smoothing:antialiased; }
img { border:0; display:block; max-width:100%; height:auto; }
a { transition:opacity 0.2s; }
a:hover { opacity:0.85; }
.container { max-width:600px; width:100%; margin:0 auto; }

@media screen and (max-width:600px) {
  .container { width:100% !important; }
  table[class="container"] td { padding-left:15px !important; padding-right:15px !important; }
  td[width="50%"] { display:block !important; width:100% !important; padding:0 0 16px 0 !important; }
  td[width="25%"] { display:block !important; width:50% !important; padding:6px 0 !important; }
  h1 { font-size:34px !important; }
  h2 { font-size:20px !important; }
  [style*="background-image"] { padding:60px 20px 50px !important; }
}

@media screen and (max-width:480px) {
  h1 { font-size:28px !important; }
  h2 { font-size:18px !important; }
  td[width="25%"] { width:100% !important; }
  a[style*="padding"] { padding:12px 24px !important; font-size:12px !important; }
}