﻿  .rowcolor:nth-child(even) {background: white}
  .rowcolor:nth-child(odd) {background: #eff0f0}

  .contactitem {
     display:inline-block;
     width: 100%;
  }
  /* Ensure phone and mail links meet the 24x24 target and have some spacing */
  .contactitem .contactinfo a[href^="tel"],
  .contactitem .contactinfo a[href^="mailto:"] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    min-height: 24px;
    padding: 4px;
    margin-right: 6px;
    box-sizing: content-box;
  }
  .contactname {
    font-weight: bold;
  }

  @media  only screen and (min-width: 426px){
   .contactinfo {
     display:flex;
     flex-direction: column;
     gap:20px;
   }
   .contactitem {
     display:flex;
     border-style: solid;
     border-width: 1px 1px 1px 1px;
     border-color: #eff0f0;
   }
  }