.staff2col {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.staff2col .photoright {margin: 0 0 2em .5em}
.staff2col .hospitalInfo {clear:both}

.staffApp {width: 100%}
//.staffRow {float:left; width: 25%;}
.staffApp a {display: block; line-height: 1em}
.staffApp ul li a {display: inline;}
.staffRow img {width:100%;float: left}
.staffThumb {position: relative;height: 0;padding-bottom: 100%;background-size: cover;background-position: top;border:4px solid #e6dfe9;border-radius: 4px}
.staffThumb:after {position: absolute;top: 0;right: 0;left: 0;bottom: 0;content: ""; background: #490e67;opacity: 0;-webkit-transition:all 200ms ease;transition: all 200ms ease}
.staffRow a{margin-left: 3.5%;width:31%;float: left;margin-bottom: 2em}
.staffRow a:nth-child(3n + 1) {margin-left:0}
.staffRow a:hover .staffThumb:after {opacity: .2}
.staffApp span {width: 100%; display: block; font-size: .938em; font-weight: 800;text-align: center;margin: .5em .5em 2em}
.staffRow a span {color:#490e67;display: block;padding:1em;background: #fff;clear: both;float:left;width: 100%;margin: 0}
.staffApp p {line-height: 1.5em}
.staffApp a:nth-child(3n+4) {clear: both}
.staffApp h2 {margin:.8em 0 0 0;padding-top: 1.5em; font-size: 1.563em;width:100%;border-top: 2px solid #e6dfe9;clear: both}
.staffApp .hospitalDesc {font-style: italic;font-size: 1em; margin-bottom: 2.5em;clear: both;float: left;width: 100%}

.staff2col section{display:inline-block;line-height:1.25em}
.staffApp .jobTitle{margin-top:-.5em}
.staffApp section .jobTitle, .staffApp .requiredText{margin-top:-1em}
.staffApp hr {clear:both;width:90%;color:#e6dfe9}
.hospitalList {background: #fff;margin-top: 0}
.hospitalList hr {border:none}
.hospitalList h2 {margin:0}

#content .staffApp .jobTitle img {margin:0 0 3em 3em;border: 4px solid #e6dfe9; border-radius: 4px; max-width: 35%; height: auto}

.staffApp .staffBio h2 {clear: none;border: none; padding-top: 0}


@media screen and (max-width:749px) {
    .staffApp p {padding-right: 1em}
    .staffApp .hospitalDesc {margin-bottom: 1em}
    .staffApp a {width:33%;padding: 0 2vw 0 2vw;}
    .staffApp span {font-weight: 400;font-size: .9em;margin:0 0 2em 0}
    .content h1 {font-size: 1.8em}
}

@media screen and (max-width:599px) {
    .staffApp .jobTitle img {margin:0 0 .5em .5em}
    .staffApp a {width:50%}
    .staffApp h2 {font-size: 1.25em; font-weight: bold;}
    .staffApp h2+* {margin-top: .5em;}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
      .staffApp a {display:inline-block}
}