Sample Page | Weiss Hills

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <title>Sample Page |  Weiss Hills</title>
      <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
      <meta content="width=device-width, initial-scale=1.0" name="viewport" /><link href="https://fonts.iu.edu/style.css?family=BentonSans:regular,bold" media="screen" rel="stylesheet" type="text/css" />

@media only screen and (max-width: 750px) {
                                  
                  #backgroundTable {
                      background-image:none !important
                  }

h1, h2, h3, h4, p {
                      padding-left:10% !important;
                      padding-right:10% !important;
                      width:80% !important
                  }

td[class*=wordmark] {
                      padding:24px 5% !important;
                      width: 90% !important
                  }

td[class*=wordmark] img {
                    width: 66% !important;
                    height: auto !important;
                  }

table[class*=main] {
                      border-radius:0 !important;
                      width:100% !important
                  }

table[class*=main] tbody,
                  table[class*=main] tr,
                  table[class*=main] td {
                      padding-left:0 !important;
                      padding-right:0 !important;
                      width:100%
                  }

/* title */

table[class*=main] table[class*=title] {
                    width: 100% !important
                  }

table[class*=main] table[class*=title] td {
                    display: block !important;
                    text-align: center !important;
                    padding-left: 5% !important;
                    padding-right: 5% !important;
                    width: 90% !important
                  }

table[class*=main] table[class*=title] td:first-child {
                    font-size: 16px !important;
                    padding-bottom: 0 !important;
                  }

table[class*=main] table[class*=title] td:last-child {
                    padding-top: 12px !important;
                  }

/* jumbotron */

table[class*=main] table[class*=jumbotron] {
                      border: 0 !important;
                      width:100% !important
                  }

table[class*=main] table[class*=jumbotron] table[class*=button] td {
                    font-size: 18px !important;
                  }

/* speech bubble */

table[class*=main] table[class*=speech-bubble],
                  table[class*=main] table[class*=speech-bubble] img {
                      border: 0 !important;
                      width: 100% !important
                  }

table[class*=main] table[class*=speech-bubble] td[class*=bubble-wrapper] {
                    padding-left: 7.5% !important;
                    padding-right: 7.5% !important;
                    width: 85% !important;
                  }

table[class*=main] table[class*=speech-bubble] table {
                    width: 100% !important
                  }

table[class*=main] table[class*=speech-bubble] h2 {
                    line-height: 130% !important
                  }

table[class*=main] table[class*=speech-bubble] table[class*=button] {
                    margin-left: 10% !important;
                    margin-right: 10% !important;
                    width: 80% !important
                  }

/* single-column feature article */

table[class*=main] table[class*=story][class*=col-1] {
                    border: 0 !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    width: 100% !important
                  }

table[class*=main] table[class*=story][class*=col-1] td[class*=image] {
                    padding-top: 0 !important
                  }
                  
                  table[class*=main] table[class*=story][class*=col-1] td[class*=image] img {
                    width: 100% !important
                  }

table[class*=main] table[class*=story][class*=col-1] h2 {
                    line-height: 130% !important;
                  }

/* side-by-side articles */

table[class*=main] table[class*=story][class*=col-2] {
                    border: 0 !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    padding-bottom: 35px !important;
                    width: 100% !important
                  }

table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper] {
                    display: block !important;
                    padding-left: 7.5% !important;
                    padding-right: 7.5% !important;
                    width: 85% !important;
                  }

table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper]:first-child {
                    padding-bottom: 35px !important;
                  }

table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper] table[class*=story] img {
                    height: auto !important;
                    padding-bottom: 25px !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper] table[class*=story] h2 {
                    margin-top: 0 !important;
                  }

table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper] table[class*=story] h2,
                  table[class*=main] table[class*=story][class*=col-2] td[class*=story-wrapper] table[class*=story] p {
                    padding-left: 5% !important;
                    padding-right: 5% !important;
                    width: 90% !important;
                  }

/* stat block */

table[class*=main] table[class*=stat-block] {
                    border: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=stat-block] > tbody > tr > td {
                    padding-bottom: 0 !important;
                  }

table[class*=main] table[class*=stat-block] table[class*=stats] {
                    padding-left: 7.5% !important;
                    padding-right: 7.5% !important;
                    text-align: center !important;
                  }

table[class*=main] table[class*=stat-block] table[class*=stats] td[class*=stat] {
                    display: inline-block !important;
                    margin: 0 auto -4px auto !important;
                    padding-left: 25px !important;
                    padding-right: 25px !important;
                    padding-bottom: 50px !important;
                    width: 100px !important;
                  }

table[class*=main] table[class*=stat-block] table[class*=stats] td[class*=stat] h3 {
                    height: 100px !important;
                    font-size: 32px !important;
                    line-height: 100px !important;
                  }

table[class*=main] table[class*=stat-block] table[class*=stats] td[class*=stat] h4 {
                    font-size: 18px !important;
                    line-height: 150% !important;
                    padding-left: 0 !important;
                    padding-right: 0 !important;
                    width: 100% !important;
                  }

/* split-screen feature */

table[class*=main] table[class*=split-screen] {
                    border: 0 !important;
                    width: 100% !important;
                  }
                  
                  table[class*=main] table[class*=split-screen] tr {
                      display:flex !important; 
                      flex-direction: column !important;
                  }

table[class*=main] table[class*=split-screen] td {
                    display: block !important;
                  }

table[class*=main] table[class*=split-screen] td[class*=image] {
                    display: block !important;
                    order: 1 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=split-screen] td[class*=story] {
                    display: block !important;
                    order: 2 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=split-screen] td[class*=story] h2 {
                    font-size: 24px !important;
                    line-height: 130% !important;
                  }

/* narrow hero */

table[class*=main] table[class*=narrow-hero] {
                    border: 0 !important;
                    width: 100% !important;
                  }
                  
                  /* narrow headline over image */

table[class*=main] table[class*=narrow-headline-over-image] {
                    border: 0 !important;
                    width: 100% !important;
                  }

/* timeline */

table[class*=main] table[class*=timeline] {
                    border: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=timeline] img {
                    display: none !important;
                  }

table[class*=main] table[class*=timeline] table[class*=milestones] {
                    display: block !important;
                    padding: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] td[class*=details] {
                    display: block !important;
                    padding: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] {
                    display: block !important;
                    overflow: hidden !important;
                    padding-top: 0 !important;
                    padding-bottom: 0 !important;
                    padding-left: 7.5% !important;
                    padding-right: 7.5% !important;
                    width: 85% !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone]:first-child {
                    padding-top: 50px !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone]:last-child {
                    padding-bottom: 50px !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] h2,
                  table[class*=main] table[class*=timeline] tr[class*=milestone] p {
                    margin: 0 !important;
                    padding: 0 !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] h2 {
                    border-left: 1px #eee solid;
                    float: right !important;
                    margin-left: 5% !important;
                    padding-left: 5% !important;
                    padding-bottom: 25px !important;
                    text-align: left !important;
                    width: 59% !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone]:first-child h2,
                  table[class*=main] table[class*=timeline] tr[class*=milestone]:first-child p {
                    padding-top: 25px !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] p {
                    float: left !important;
                    text-align: right !important;
                    margin-top: 3px !important;
                    width: 30% !important;
                  }

table[class*=main] table[class*=timeline] tr[class*=milestone] td[class*=stem],
                  table[class*=main] table[class*=timeline] tr[class*=milestone] td[class*=spacer] {
                    display: none !important;
                  }

/* narrow lead and button over image */

table[class*=main] table[class*=narrow-lead-button] {
                    border: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=narrow-lead-button] tbody,
                  table[class*=main] table[class*=narrow-lead-button] tr {
                    display: block !important;
                  }

table[class*=main] table[class*=narrow-lead-button] table[class*=narrow-lead-button-wrapper] {
                    display: block !important;
                    padding-top: 50px !important;
                    padding-bottom: 50px !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=narrow-lead-button] td {
                    display: block !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=narrow-lead-button] td h2 {
                    margin-top: 0 !important;
                    margin-bottom: 0 !important;
                    padding-top: 0 !important;
                    padding-bottom: 25px !important;
                    text-align: center !important;
                  }

table[class*=main] table[class*=narrow-lead-button] td table[class*=button] {
                    margin-bottom: 0 !important;
                  }

/* bios */

table[class*=main] table[class*=bios] {
                    border: 0 !important;
                    width: 100% !important
                  }

table[class*=main] table[class*=bios] tr[class*=bio] {
                    display: block !important;
                    margin-left: 10% !important;
                    margin-right: 10% !important;
                    overflow: hidden !important;
                    width: 80% !important;
                  }

table[class*=main] table[class*=bios] > td:first-of-type {
                    padding-bottom: 50px !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio]:last-child td[class*=bio-wrapper] {
                    padding-bottom: 0 !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=headshot] {
                    display: block !important;
                    float: left !important;
                    margin-right: 2.5% !important;
                    width: 22.5% !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=headshot] img {
                    height: auto !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] {
                    display: block !important;
                    float: right !important;
                    width: 75% !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table td {
                    padding-top: 5px !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table td h2,
                  table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table td h3,
                  table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table td p {
                    margin-right: 0 !important;
                    padding-right: 0 !important;
                    width: 90% !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table td h4 {
                    line-height: 150% !important;
                    margin-right: 0 !important;
                    padding-right: 0 !important;
                    width: 90% !important;
                  }

table[class*=main] table[class*=bios] tr[class*=bio] td[class*=details] table {
                    background: none !important;
                    display: block !important;
                  }

/* calendar event */

table[class*=main] table[class*=calendar-event] {
                    border: 0 !important;
                    width: 100% !important
                  }

table[class*=main] table[class*=calendar-event] td[class*=date] {
                    display: block !important;
                    margin-left: 10% !important;
                    margin-right: 10% !important;
                    padding-top: 24px !important;
                    padding-bottom: 21px !important;
                    width: 80% !important;
                  }

table[class*=main] table[class*=calendar-event] td[class*=date] h2,
                  table[class*=main] table[class*=calendar-event] td[class*=date] h3 {
                    display: inline !important;
                    font-size: 18px !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    text-align: left !important;
                  }

table[class*=main] table[class*=calendar-event] td[class*=details] {
                    display: block !important;
                    padding-bottom: 0 !important;
                    padding-top: 32px !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=calendar-event] td[class*=details] table[class*=button] {
                    text-align: center !important;
                  }

table[class*=main] table[class*=calendar-event] td[class*=details] table[class*=button] td {
                    display: inline-block !important;
                  }

/* video poster */

table[class*=main] table[class*=video-poster] {
                    border: 0 !important;
                    width: 100% !important
                  }

/* full-width image block */

table[class*=main] table[class*=full-width-image] {
                    border: 0 !important;
                    height: auto !important;
                    width: 100% !important
                  }

/* tagline */

table[class*=main] table[class*=tagline] {
                    border: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=tagline] p {
                    margin-top: 0 !important;
                  }

/* material CTA */

table[class*=main] table[class*=material-cta] {
                    border: 0 !important;
                    width: 100% !important;
                  }

table[class*=main] table[class*=material-cta] img {
                    width: 100% !important;
                  }

/* footer */

table[class*=footer] td:first-child {
                    padding-top: 25px !important;
                  }

/* other */

a[class*=outlook-button-text] {
                      line-height:150%;
                      padding:25px !important
                  }

p[class*=outlook-paragraph-text] {
                      text-align:left !important
                  }

}

@media only screen and (min-width: 751px) and (max-width: 1024px) {

}
      </style>

</head>
  <body style="margin:0; -ms-text-size-adjust:100%; padding:0; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; width:100% !important">

<br /><br />
                  
  <a alias="Update Profile" href="%%profile_center_url%%" style="color: #7d110c; text-decoration: none;">Opt out of future emails</a>

<br /><br />
                  
  <span class="apple-link">%%Member_Busname%%<br /> %%Member_Addr%%<br /> %%Member_City%%, %%Member_State%% %%Member_PostalCode%%</span>

</td>
          </tr>
      </table>
      
  <div style="display: none; max-height: 0px; mso-hide: all; overflow: hidden;">
      <custom name="opencounter" type="tracking"> </custom>
  </div>

</td>
    </tr>
  </table>
  </body>
  </html>