@media screen and (min-width:0px){
      .basehpc .directory {
            
      }

      .basehpc .directory .DirectoryLetters ul {
            list-style: none;
            padding: 0 0 1.5em 1.5em;
      }

      .basehpc .directory .DirectoryLetters li {
            display: inline-block;
            vertical-align: top;
            padding: 5px;
            color: #000;
            font-size:16px;
      }

      .basehpc .directory .DirectoryLetters li a {
            text-decoration: none;
            color: #660000;
            font-size:16px;
            font-weight: bold;
            outline: none;
      }

      .basehpc .directory .form-control {
            height: calc(1.85rem + 2px);
            padding: 0.175rem 0.75rem;
            font-size: 0.9rem;
      }

      .basehpc .directory .Result-Title {
            font-size:14px;
            border-bottom:1px solid #cccccc;
            margin:10px 0px;
      }

      .basehpc .directory .Results .DirListing {
            margin-bottom: 18px;
            min-height: 50px;
            clear: both;
/*            font-family: arial, helvetica, sans-serif;*/
      }

      .basehpc .directory .Results  .DirListing .Position {
            font-size:16px;
            font-weight:bold;
            color:#660000;
            background-color:#CCCCCC;
            vertical-align:middle;
            text-align:left;
            line-height:24px;
            padding-left:5px;
            border-bottom: 3px solid #999999;
      }

      .basehpc .directory .Results  .DirListing .Listing {
            line-height:24px;
            display:table-cell;
            vertical-align:top;
      }

      .basehpc .directory .Results  .DirListing .Listing a {
            font-size:16px;
            font-weight:bold;
            color:#660000;
            text-decoration:none;
      }

      .basehpc .directory .Results  .DirListing .Listing a:hover {
            text-decoration:underline;
      }

      .basehpc .directory .Results  .DirListing .Listing a span {
            font-size: 12px;
            font-style: italic;
      }

      .basehpc .directory .Results  .DirListing .SubListing {
            margin-left:30px;
      }

      .basehpc .directory .Results  .DirListing img {
            width: 100%;
      }

      .basehpc .directory .Results  .DirListing .Photo { 
            display:table-cell;
            padding-left: 15px;
            padding-right: 15px;
            width: 70px;
      }

      .basehpc .directory .profile { 
            
      }

/*      .basehpc .directory .profile .contact-info { 
            color:white;
            background-color:#0081a3;
            min-height:600px;
            padding-top:10em;
            line-height: 1.6em;
            font-size: 0.9em;
            font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
      }

      .basehpc .directory .profile .contact-info a { 
            color:white;
      }
*/
      .basehpc .directory .profile .contact-info { 
            color:white;
            background-color:#0081a3;
            /*min-height:600px;
            padding-top:10em;*/
            line-height: 1.6em;
            font-size: 0.9em;
            font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
      }

      .basehpc .directory .profile .contact-info a { 
            color:white;
      }

      .basehpc .directory .profile .pict { 
            text-align: center;
      }

      .basehpc .directory .profile .pict img { 
            /*float: none;
            padding-top: 8em;
            margin-left: -7em;*/
            width: 75%;
      }

      .basehpc .directory .profile .employee-info { 
            /*line-height:28px;
            padding-top: 9em;
            padding-left: 11em;*/
            padding: 1em 0 0;
            text-align: center;
      }

      .basehpc .directory .profile .employee-info .fname { 
            font-weight:bold;
            font-size:1.5em;
      }

      .basehpc .directory .profile .employee-info .lname { 
            font-weight:bold;
            font-size:1.5em;
            color: #0081a3;
      }

      .basehpc .directory .profile .employee-info .center { 
            
      }

      .basehpc .directory .profile .employee-info .title { 
            font-size:0.9em;
      }

      .basehpc .directory .profile .employee-info .cv { 
            font-size:0.8em;
      }

      .basehpc .directory .profile .section-header { 
            padding-right: 1.5em;
            font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
            font-size: 1.9em;
            color: black;
            border-bottom: 2px solid #888888;
      }

      .basehpc .directory .profile .section-header.bio { 
            margin-left: -0.6em;
            width: 112.1%;
      }

      .basehpc .directory .profile .section-header.interest { 
            margin-left: -0.6em;
            width: 112.1%;
      }

      .basehpc .directory .profile .section-header.hobbies { 
            margin-left: -0.6em;
            width: 112.1%;
      }

      .basehpc .directory .profile .section-header.pubs { 
            margin-left: -0.6em;
            width: 112.1%;
      }

      .basehpc .directory .profile .section-header.pubs span { 
            margin-left: 20px;
            font-size: 11px;
            font-weight: bold;
            font-style: normal;
            font-family: 'Roboto', sans-serif;
            color:black;
            display:block;
      }

      
      
      
      
      
}

@media screen and (min-width:576px){
      .basehpc .directory .profile .contact-info { 
            color:white;
            background-color:#0081a3;
            min-height:600px;
            padding-top:3em;
            line-height: 1.6em;
            font-size: 0.7em;
            font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
      }

      .basehpc .directory .profile .pict { 
            text-align: left;
      }

      .basehpc .directory .profile .pict img { 
            float: left;
            padding-top: 2em;
            margin-left: -1em;
            width: 100%;
      }

      .basehpc .directory .profile .employee-info { 
            line-height:28px;
            padding-top: 0.7em;
            padding-left: 8em;
            text-align: left;
      }

      .basehpc .directory .profile .employee-info .fname { 
            font-weight:bold;
            font-size:1.5em;
      }

      .basehpc .directory .profile .employee-info .lname { 
            font-weight:bold;
            font-size:1.5em;
            color: #0081a3;
      }

      .basehpc .directory .profile .employee-info .center { 
            
      }

      .basehpc .directory .profile .employee-info .title { 
            font-size:0.9em;
      }

      .basehpc .directory .profile .employee-info .cv { 
            font-size:0.6em;
            margin-top: -4em;
      }

      .basehpc .directory .profile .section-header { 
            padding-right: 1.5em;
            font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
            font-size: 1.2em;
            color: white;
            border-bottom: 2px solid #888888;
      }

      .basehpc .directory .profile .section-header.bio { 
            margin-left: -5em;
            width: 139%;
      }

      .basehpc .directory .profile .section-header.interest { 
            margin-left: -7.5em;
            width: 154.9%;
      }

      .basehpc .directory .profile .section-header.hobbies { 
            margin-left: -4.1em;
            width: 133.3%;
      }

      .basehpc .directory .profile .section-header.pubs { 
            margin-left: -8.9em;
            width: 164.5%;
      }

      .basehpc .directory .profile .section-header.pubs span { 
            display:inline;
      }


}

@media screen and (min-width:633px){

}

@media screen and (min-width:768px){
      .basehpc .directory .profile .contact-info { 
            color:white;
            background-color:#0081a3;
            min-height:600px;
            padding-top:10em;
            line-height: 1.6em;
            font-size: 0.9em;
            font-family: 'Open Sans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
      }

      .basehpc .directory .profile .pict img { 
            float: left;
            padding-top: 8em;
            margin-left: -7em;
            width: 100%;
      }

      .basehpc .directory .profile .employee-info { 
            line-height:28px;
            padding-top: 9em;
            padding-left: 11em;
      }

      .basehpc .directory .profile .employee-info .fname { 
            font-weight:bold;
            font-size:2em;
      }

      .basehpc .directory .profile .employee-info .lname { 
            font-weight:bold;
            font-size:2em;
            color: #0081a3;
      }

      .basehpc .directory .profile .employee-info .center { 
            
      }

      .basehpc .directory .profile .employee-info .title { 
            font-size:0.9em;
      }

      .basehpc .directory .profile .employee-info .cv { 
            font-size:0.8em;
            margin-top: 0em;
      }

      .basehpc .directory .profile .section-header { 
            padding-right: 1.5em;
            font-family: 'EB Garamond', Georgia, 'Times New Roman', Times, serif;
            font-size: 1.9em;
            color: white;
            border-bottom: 2px solid #888888;
      }

      .basehpc .directory .profile .section-header.bio { 
            margin-left: -4.6em;
            width: 122.1%;
      }

      .basehpc .directory .profile .section-header.interest { 
            margin-left: -7.1em;
            width: 132.6%;
      }

      .basehpc .directory .profile .section-header.hobbies { 
            margin-left: -3.7em;
            width: 118.3%;
      }

      .basehpc .directory .profile .section-header.pubs { 
            margin-left: -8.5em;
            width: 138.5%;
      }

      .basehpc .directory .profile .section-header.pubs span { 
            display:inline;
      }

}

@media screen and (min-width:850px){
      .basehpc .directory .profile .pict img { 
            float: left;
            padding-top: 8em;
            margin-left: -7em;
            width: 73%;
      }


}

@media screen and (min-width:960px){

}

@media screen and (min-width:1050px){

}

@media screen and (min-width:1150px){

}