/**
 * TEXAS METHODIST FOUNDATION
 * 
 * Roger Glenn
 * roger@mach1media.com
 * February 2015
 *
 * Compiled using CodeKit 2
 * http://incident57.com/codekit
 */
/*@import url(../bower_components/normalize-css/normalize.css);*/
@import url(normalize.css);
/*@import url(../bower_components/fontawesome/css/font-awesome.min.css);*/
@import url(font-awesome.min.css);
@import url(pure-min.css);
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
*,
*:after,
*::before {
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:focus {
  outline: 0; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  background: #333333;
  color: #333333;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-align: center; }
  @media all and (max-width: 750px) {
    body {
      padding-top: 50px; } }

.wrap {
  max-width: 1140px;
  margin: 0 auto; }

#skip-to {
  display: none; }

/**
 * MASTHEAD
 */
.masthead {
  position: relative;
  display: block;
  background: #fff;
  width: 100%; }
  .masthead .logo {
    position: relative;
    display: block;
    float: left;
    /*background: url(../img/logo.png) center center no-repeat;*/
    background: url(/Content/Images/logo.png) center center no-repeat;
    background-size: contain; }
    .masthead .logo span {
      position: absolute;
      left: -9999em; }
  .masthead nav {
    position: relative;
    display: none; }
    .masthead nav > ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .masthead nav > ul > li {
        margin: 0;
        padding: 0; }
        .masthead nav > ul > li a {
          font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          color: #333333; }
  .masthead .utility {
    display: none; }
    .masthead .utility form {
      position: relative;
      display: block; }
      .masthead .utility form input {
        border: 1px solid #ccc;
        border-radius: 4px;
        height: 20px;
        line-height: 24px;
        padding: 0 30px 0 10px;
        font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal; }
      .masthead .utility form .fa {
        position: absolute;
        display: block;
        top: 1px;
        right: 5px;
        color: #ccc;
        line-height: 20px;
        padding-left: 5px;
        border-left: 1px solid #ccc; }
  @media all and (min-width: 750px) {
    .masthead {
      height: 100px; }
      .masthead .logo {
        position: relative;
        height: 100px;
        width: 160px;
        margin-left: 20px; }
      .masthead .mobile-menu-trigger {
        display: none; }
      .masthead nav.mobile {
        display: none; }
      .masthead nav.desktop {
        position: absolute;
        display: block;
        right: 15px;
        top: 55px; }
        .masthead nav.desktop > ul > li {
          margin-right: 5px;
          display: inline-block; }
          .masthead nav.desktop > ul > li a {
            position: relative;
            display: block;
            padding: 0 10px;
            line-height: 2em;
            text-decoration: none;
            color: rgba(0, 0, 0, 0.8); }
            .masthead nav.desktop > ul > li a:hover {
              background: #ccdbdd;
              color: #3b4a4f; }
            .masthead nav.desktop > ul > li a .fa {
              display: none; }
      .masthead .utility {
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 11px; }
        .masthead .utility a {
          display: inline-block;
          color: #ccc;
          line-height: 14px;
          margin-top: 5px;
          float: right;
          margin-right: 15px;
          text-decoration: none; }
        .masthead .utility form {
          float: right;
          height: 20px;
          /*width: 160px;*/ }
          .masthead .utility form input {
            width: 120px; } }
  @media all and (max-width: 750px) {
    .masthead {
      position: fixed;
      z-index: 100;
      min-height: 50px;
      width: 100%;
      top: 0;
      left: 0; }
      .masthead .logo {
        position: relative;
        height: 50px;
        width: 100px;
        margin-left: 15px; }
      .masthead .mobile-menu-trigger {
        display: block;
        position: relative;
        float: right;
        color: #333333;
        text-decoration: none;
        line-height: 50px;
        padding: 0 15px;
        font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        text-transform: uppercase; }
      .masthead nav.desktop {
        display: none; }
      .masthead nav.mobile {
        display: none;
        clear: both;
        overflow-x: hidden;
        overflow-y: auto; }
        .masthead nav.mobile > ul > li {
          display: block;
          width: 100%; }
          .masthead nav.mobile > ul > li a {
            position: relative;
            display: block;
            width: 100%;
            line-height: 2em;
            padding: 0 15px;
            border-top: 1px solid #efefef;
            text-align: left;
            text-decoration: none; }
        .masthead nav.mobile .has-children > ul {
          display: none;
          margin: 0;
          padding: 0; }
          .masthead nav.mobile .has-children > ul > li a {
            position: relative;
            display: block;
            width: 100%;
            line-height: 2.2em;
            font-size: 12px;
            padding: 0 20px;
            color: #666;
            border-top: 1px solid #efefef;
            text-align: left;
            text-decoration: none; }
        .masthead nav.mobile .has-children .fa {
          margin-left: 5px; }
        .masthead nav.mobile .has-children .has-children > ul > li a {
          padding-left: 30px; }
      .masthead .utility {
        display: none;
        position: relative; }
        .masthead .utility > a {
          display: none; }
        .masthead .utility form {
          width: 100%;
          padding: 10px 15px;
          border-top: 1px solid #efefef; }
          .masthead .utility form input {
            width: 200px; }
          .masthead .utility form .fa {
            display: none; } }
  @media all and (min-width: 750px) and (max-width: 900px) {
    .masthead nav.desktop > ul > li {
      margin-right: 0; }
      .masthead nav.desktop > ul > li a {
        font-size: 12px;
        padding-left: 5px;
        padding-right: 5px; } }

/**
 * HERO
 */
.hero {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  color: #fff; }
  .hero p {
    margin: 0;
    padding: 0;
    line-height: 1.2em; }
  .hero .description {
    position: relative;
    display: block;
    font-size: 1.5em; }
    .hero .description .heading {
      position: relative;
      display: inline-block;
      font-family: "sorts-mill-goudy", Times, 'Times New Roman', serif;
      font-weight: normal;
      font-style: normal;
      font-weight: bold;
      font-size: 2.5em;
      line-height: 1em;
      margin-bottom: 30px;
      background: url(/Content/Images/dots-white.png) top left repeat-x; }
      .hero .description .heading .bottom-border {
        position: relative;
        display: block;
        height: 3px;
        width: 100%;
        bottom: 0;
        left: 0;
        background: url(/Content/Images/dots-white.png) top left repeat-x; }
  .hero.teal {
    color: #3b4a4f; }
    .hero.teal .description .heading {
      background: url(/Content/Images/dots-blue.png) top left repeat-x; }
      .hero.teal .description .heading .bottom-border {
        background: url(/Content/Images/dots-blue.png) top left repeat-x; }
  @media all and (max-width: 750px) {
    .hero {
      min-height: 200px;
      padding: 30px; }
      .hero .description {
        font-size: 1.2em; }
        .hero .description .heading {
          font-size: 1.7em;
          padding-top: 13px;
          padding-bottom: 5px; } }
  @media all and (min-width: 750px) {
    .hero {
      height: 360px;
      padding: 60px 30px 30px 30px; }
      .hero .description {
        width: 543px;
        margin-left: 30px; }
        .hero .description .heading {
          padding-top: 18px;
          padding-bottom: 10px; } }

/**
 * SUBNAV
 */
.subnav {
  background: #fff; }
  .subnav nav.sub {
    font-size: 12px; }
    @media all and (max-width: 750px) {
      .subnav nav.sub {
        display: none; } }
    .subnav nav.sub ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      .subnav nav.sub ul li {
        position: relative;
        display: block;
        width: 100%; }
        .subnav nav.sub ul li a {
          position: relative;
          display: block;
          width: 100%;
          text-align: left;
          line-height: 1em;
          color: #3b4a4f;
          text-decoration: none;
          padding: 15px;
          border-bottom: 1px solid #ccc; }
          .subnav nav.sub ul li a:hover {
            background: #f7f7f7; }
    .subnav nav.sub > ul > li:first-of-type a {
      background: #ECEDEF;
      font-family: "sorts-mill-goudy", Times, 'Times New Roman', serif;
      font-weight: normal;
      font-style: normal;
      font-weight: bold;
      font-size: 1.4em; }
    .subnav nav.sub > ul > li > ul > li a {
      padding: 10px 15px 10px 25px;
      font-size: 11px;
      color: #678189; }

/**
 * MAIN CONTENT AREA LAYOUT
 */
.wrap > main {
  position: relative;
  display: block;
  border-top: 1px solid #ccc;
  background: -moz-linear-gradient(top, #d3e1ea 0%, rgba(211, 225, 234, 0) 200px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d3e1ea), color-stop(200px, rgba(211, 225, 234, 0)));
  background: -webkit-linear-gradient(top, #d3e1ea 0%, rgba(211, 225, 234, 0) 200px);
  background: -o-linear-gradient(top, #d3e1ea 0%, rgba(211, 225, 234, 0) 200px);
  background: -ms-linear-gradient(top, #d3e1ea 0%, rgba(211, 225, 234, 0) 200px);
  background: linear-gradient(to bottom, #d3e1ea 0%, rgba(211, 225, 234, 0) 200px);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e1ea', endColorstr='#00d3e1ea',GradientType=0 );
  background-color: #fff;
  text-align: left; }
  @media all and (max-width: 750px) {
    .wrap > main #content {
      width: 100%; }
      .wrap > main #content .inner {
        padding: 15px; }
    .wrap > main > aside {
      width: 100%; }
      .wrap > main > aside .inner {
        padding: 15px;
        background: #C1D1DE; } }
  @media all and (min-width: 750px) {
    .wrap > main .subnav {
      float: left;
      width: 25%;
      border-right: 1px solid #ccc; }
    .wrap > main #content {
      position: relative;
      display: block;
      float: left;
      width: 75%;
      border-left: 1px solid #ccc;
      margin-left: -1px;
      margin-right: -1px;
      text-align: left; 
      padding:15px;
    }
      .wrap > main #content .inner {
        padding: 20px; }
      .wrap > main #content h1:first-of-type {
        margin-top: 0; }
    .wrap > main > aside {
      position: relative;
      display: block;
      width: 25%;
      float: left; }
      .wrap > main > aside .inner {
        padding: 20px;
        margin: 20px;
        background: #C1D1DE;
        border: 1px solid #fff; }
      .wrap > main > aside h3:first-of-type {
        margin-top: 0; }
      .wrap > main > aside p:last-of-type {
        margin-bottom: 0; } }

#content h1, #content h2, #content h3 {
  line-height: 1em;
  color: #3b4a4f; }
#content h1 {
  font-size: 24px; }
#content h2 {
  font-size: 20px; }
#content h3 {
  font-size: 16px; }
#content p {
  line-height: 1.5em; }
#content img {
  max-width: 100%;
  height: auto; }
#content .inner h1:first-of-type {
  margin-top: 0; }

.wrap > main > aside {
  font-size: 12px;
  line-height: 1.2em;
  color: #3b4a4f; }
  .wrap > main > aside .inner img:first-of-type {
    float: left;
    margin: 0 10px 10px 0; }
  .wrap > main > aside .inner h3:first-of-type {
    font-family: "sorts-mill-goudy", Times, 'Times New Roman', serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    line-height: 1.3em;
    margin-top: 0; }
  .wrap > main > aside .inner p:last-of-type {
    margin-bottom: 0; }
  .wrap > main > aside .inner p, .wrap > main > aside .inner ol, .wrap > main > aside .inner ul, .wrap > main > aside .inner li {
    line-height: 1.2em; }
  .wrap > main > aside .inner a {
    color: #D83129; }

/**
 * CALL TO ACTION BUTTON
 */
.cta-button {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60px;
  max-width: 500px;
  padding: 5px;
  border-radius: 6px;
  background: #6A757B;
  color: #fff;
  font-family: "sorts-mill-goudy", Times, 'Times New Roman', serif;
  font-weight: normal;
  font-style: normal;
  font-style: italic;
  font-size: 18px;
  line-height: 1em;
  text-decoration: none; }
  .cta-button:hover {
    background: #879298; }
  .cta-button .thumb {
    position: absolute;
    display: block;
    top: 5px;
    left: 5px; }
    .cta-button .thumb img {
      border-radius: 4px; }
  .cta-button .description {
    position: relative;
    display: block;
    padding-left: 90px;
    padding-right: 60px;
    padding-top: 8px;
    padding-bottom: 6px; }
  .cta-button .play-button {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 40px;
    font-size: 20px;
    line-height: 45px;
    color: white;
    background: #D83129;
    border-radius: 4px;
    border: 1px solid #bf2219;
    text-align: center;
    text-shadow: 0px 0px 3px #bf2219; }
  @media all and (max-width: 500px) {
    .cta-button .description {
      padding-right: 30px; }
    .cta-button .play-button {
      width: 30px;
      height: 24px;
      font-size: 15px;
      line-height: 26px; } }

/**
 * MODULES
 */
.modules {
  position: relative;
  display: block;
  padding: 0 5px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 80px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.46)), color-stop(80px, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 80px);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 80px);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, transparent 80px);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, transparent 80px);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75000000', endColorstr='#00000000',GradientType=0 );
  background-color: #fff;
  border-top: 1px solid #ccc; }
  .modules .module {
    position: relative;
    display: block;
    float: left;
    padding: 10px 5px;
    font-size: 11px;
    text-align: left; }
    .modules .module .inner {
      position: relative;
      display: block;
      width: 100%;
      padding: 10px;
      border: 1px solid #ccc;
      background: #fff; }
      .modules .module .inner img {
        max-width: 100%;
        height: auto; }
      .modules .module .inner .title {
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        line-height: 1em; }
      .modules .module .inner .description {
        margin-top: 0;
        padding-left: 5px;
        padding-right: 5px; }
      .modules .module .inner .button {
        position: relative;
        display: block;
        width: 100%;
        height: 30px;
        background: #0a474e;
        margin-bottom: 0; }
        .modules .module .inner .button a {
          position: relative;
          display: block;
          color: #fff;
          text-align: center;
          height: 30px;
          line-height: 30px;
          text-decoration: none;
          background: #0a474e; }
          .modules .module .inner .button a:hover {
            background: #0d5c65; }
          .modules .module .inner .button a:first-of-type {
            width: 100%;
            padding-right: 60px; }
          .modules .module .inner .button a.segment {
            position: absolute;
            display: block;
            width: 30px;
            top: 0;
            right: 0;
            border-left: 1px solid #fff; }
            .modules .module .inner .button a.segment.first {
              right: 30px !important; }
    @media all and (max-width: 500px) {
      .modules .module {
        width: 100%; }
        .modules .module .inner img {
          position: relative;
          display: block;
          max-width: 30%;
          margin: 0 10px 0 0;
          float: left; }
        .modules .module .inner .title {
          text-align: left;
          margin-top: 0; } }
    @media all and (min-width: 500px) {
      .modules .module {
        width: 25%; } }

/**
 * FOOTER
 */
footer {
  position: relative;
  display: block;
  color: #fff;
  text-align: left;
  font-size: 11px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 80px);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(80px, transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 80px);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 80px);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, transparent 80px);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 80px);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75000000', endColorstr='#00000000',GradientType=0 );
  background-color: #514D4A; }
  footer a {
    color: #fff;
    text-decoration: none; }
  footer .button {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 6px;
    padding: 5px; }
    footer .button a {
      position: relative;
      display: block;
      width: 100%;
      height: 30px;
      line-height: 30px;
      border-radius: 4px;
      border: 1px solid #fff;
      text-align: center;
      text-transform: uppercase; }
  footer .col:nth-of-type(1) .button {
    background: #647274; }
    footer .col:nth-of-type(1) .button:hover {
      background: #7d8c8f; }
  footer .col:nth-of-type(2) .button {
    background: #644d57; }
    footer .col:nth-of-type(2) .button:hover {
      background: #816370; }
  footer .col:nth-of-type(3) .button {
    background: #453633; }
    footer .col:nth-of-type(3) .button:hover {
      background: #624d49; }
  footer .quicklinks ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    footer .quicklinks ul li {
      position: relative;
      display: block; }
      footer .quicklinks ul li a {
        position: relative;
        display: block;
        width: 100%;
        line-height: 1em;
        padding: 5px 0;
        border-top: 1px solid #fff; }
        footer .quicklinks ul li a:hover {
          background: #5e5a56; }
      footer .quicklinks ul li:first-of-type a {
        border-top: none; }
  footer .social {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    margin-top: 5px;
    height: 30px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    background: #fff;
    font-size: 16px; }
    footer .social .fa {
      color: #514D4A; }
  footer .copyright {
    position: relative;
    display: block;
    width: 100%;
    padding: 30px 0;
    text-align: center; }
    footer .copyright p {
      margin: 0; }
  @media all and (min-width: 750px) {
    footer .col {
      width: 23%;
      float: left; }
      footer .col .inner {
        padding: 15px 0 0 30px; }
        footer .col .inner strong {
          font-size: 13px; }
        footer .col .inner .top {
          min-height: 130px; }
      footer .col.connect {
        width: 18%; }
      footer .col.quicklinks {
        width: 13%; }
        footer .col.quicklinks .inner {
          padding-left: 0;
          padding-right: 30px; } }
  @media all and (min-width: 750px) and (max-width: 960px) {
    footer .col {
      width: 32%; }
      footer .col.connect {
        clear: both;
        width: 50%; }
      footer .col.quicklinks {
        width: 50%; }
        footer .col.quicklinks .inner {
          padding-left: 0;
          padding-right: 30px; } }
  @media all and (max-width: 750px) {
    footer .button {
      max-width: 300px; }
    footer .quicklinks ul li {
      width: 50%;
      border: none;
      padding: 0 1px 1px 0;
      display: block;
      float: left; }
      footer .quicklinks ul li a {
        border: none;
        background: #6c6662;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px; }
    footer .col {
      width: 100%;
      padding: 15px 30px;
      border-bottom: 1px solid #6c6662; }
      footer .col .inner strong {
        font-size: 1.5em; }
    footer .copyright {
      padding: 10px 0; } }

/**
 * HOME PAGE
 */
body.home .wrap > section.segment {
  position: relative;
  display: block;
  width: 100%; }
  body.home .wrap > section.segment > img {
    margin: 0 0 -4px 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    border-bottom: 2px solid #fff; }
  body.home .wrap > section.segment a {
    color: #fff; }
  body.home .wrap > section.segment .mobile,
  body.home .wrap > section.segment a.mobile {
    display: none; }
  body.home .wrap > section.segment h2 {
    display: none;
    font-family: "sorts-mill-goudy", Times, 'Times New Roman', serif;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    margin: 0;
    padding: 15px;
    line-height: 1em;
    text-align: left;
    font-size: 28px;
    font-weight: bold;
    text-shadow: 1px 1px 1px black; }
  body.home .wrap > section.segment > .description {
    display: block;
    color: #fff;
    text-align: left; }
    body.home .wrap > section.segment > .description ul {
      list-style-type: none;
      margin: 0;
      padding: 0; }
      body.home .wrap > section.segment > .description ul li {
        margin: 0;
        padding: 0; }
        body.home .wrap > section.segment > .description ul li a:not(.cta-button) {
          font-family: "proxima-nova", 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          position: relative;
          display: block;
          width: 100%;
          padding: 15px 0;
          line-height: 1em;
          background: url(../images/dots-white.png) bottom left repeat-x;
          text-decoration: none;
          font-size: 17px; }
          body.home .wrap > section.segment > .description ul li a:not(.cta-button):hover {
            text-decoration: underline; }
          body.home .wrap > section.segment > .description ul li a:not(.cta-button).mobile {
            display: none; }
        body.home .wrap > section.segment > .description ul li:last-of-type a:not(.cta-button):last-of-type {
          background: none; }
  body.home .wrap > section.segment .cta-button {
    margin-top: 15px;
    background: rgba(149, 100, 56, 0.65); }
    body.home .wrap > section.segment .cta-button:hover {
      background: rgba(149, 100, 56, 0.95); }
  @media all and (min-width: 1140px) {
    body.home .wrap > section.segment a.mobile {
      display: none; }
    body.home .wrap > section.segment > .description {
      position: absolute;
      z-index: 10;
      bottom: 40px; }
    body.home .wrap > section.segment.second > .description {
      right: 40px;
      width: 460px;
      bottom: 10px; }
    body.home .wrap > section.segment.third > .description {
      left: 40px;
      width: 440px; } }
  @media all and (min-width: 750px) and (max-width: 1140px) {
    body.home .wrap > section.segment .mobile {
      display: none !important; }
    body.home .wrap > section.segment > .description {
      position: absolute;
      z-index: 10;
      top: 15px; }
      body.home .wrap > section.segment > .description ul {
        background: rgba(0, 0, 0, 0.5);
        padding-left: 10px;
        padding-right: 10px; }
        body.home .wrap > section.segment > .description ul li a:not(.cta-button) {
          font-size: 13px; }
    body.home .wrap > section.segment.second > .description {
      left: 15px;
      width: 50%; }
    body.home .wrap > section.segment.third > .description {
      right: 15px;
      width: 50%; }
      body.home .wrap > section.segment.third > .description ul li:last-of-type {
        padding-bottom: 15px; } }
  @media all and (min-width: 500px) and (max-width: 750px) {
    body.home .wrap > section.segment > img {
      display: none; }
    body.home .wrap > section.segment .mobile {
      display: block !important; }
    body.home .wrap > section.segment a.cta-button {
      display: none; }
    body.home .wrap > section.segment > .description {
      position: relative;
      width: 100%;
      padding: 15px; }
      body.home .wrap > section.segment > .description ul {
        background: rgba(0, 0, 0, 0.5);
        padding-left: 10px;
        padding-right: 10px; }
        body.home .wrap > section.segment > .description ul li a:not(.cta-button) {
          font-size: 13px; }
    body.home .wrap > section.segment.second > .description {
      padding-right: 50%; }
    body.home .wrap > section.segment.third > .description {
      padding-left: 55%; } }
  @media all and (max-width: 500px) {
    body.home .wrap > section.segment .mobile,
    body.home .wrap > section.segment h2 {
      display: block !important; }
    body.home .wrap > section.segment a.cta-button {
      display: none; }
    body.home .wrap > section.segment > .description {
      position: relative;
      width: 100%;
      padding: 15px; }
      body.home .wrap > section.segment > .description ul {
        background: rgba(0, 0, 0, 0.5);
        padding-left: 10px;
        padding-right: 10px; }
        body.home .wrap > section.segment > .description ul li a:not(.cta-button) {
          font-size: 13px; }
    body.home .wrap > section.segment.second > img {
      display: none; }
    body.home .wrap > section.segment.third > img {
      display: none; } }

  /*Clear Measure-specific items*/
table.dataResults th {
    background-color: #efefef;
}
tr:nth-child(odd) { 
    background-color:#fff; 
} 
tr:nth-child(even) { 
    background-color:#efefef; 
}
/*
  h2 span.loanActionLinks {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  font-weight: normal;
  font-style: normal;
  font-size: 14px;
  text-align: justify; 
}
*/
div.loanHeaderLeft {
    display: inline-block;
    position: relative;
    float: left;
    width: 67%;
    height: 45px;
}
div.loanHeaderRight {
    display: inline-block;
    position: relative;
    width: 33%;
    height: 45px;
    text-align: right;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    text-anchor:middle;
    vertical-align:bottom;
}