@charset "utf-8";
/* CSS Document */

.staff-directory table {
	border:#CCC; 
	border-style:solid; 
	border-width:thin; 
	margin:20px auto;
	width:95%;
	border-collapse:collapse;
}

.staff-directory th {
	background-color:#666;
	padding: 5px;
}

.staff-directory td { padding:5px;}

.staff-directory tr {
	border-bottom:#900 solid 1px;
}

.staff-directory tr:nth-child(even) {background:#F3F3F3;}
.staff-directory tr:nth-child(odd) {background: #FFF;}


@media screen and (max-width: 600px) {

    .staff-directory table {
      border: 0;
    }

    .staff-directory table thead {
      display: none;
    }

    .staff-directory table tr {
      display: block;
    }

    .staff-directory table td {
      display: block;
      text-align: right;
    }

    .staff-directory table td:last-child {
      border-bottom: 0;
    }

    .staff-directory table td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }