/* your styles go here */
/* Example site test */

.box-image-text .image {
    min-height: 190px;
    max-height: 190px;
}

.box-image-text .image img {
    max-height: 190px;
    margin: auto;
}

.box-simple {
    min-height: 230px;
}
.home-carousel{
	 background: url('../img/logo-small.png') center center repeat;
 }
 .bar.background-image-fixed-2{
	 background: url('../img/logo.png') center top no-repeat;
 }
 #copyright .pull-right{
	 display:none;
 }
.employees {
  padding: 0;
  margin-bottom: 40px;
}
.employees .item {
  background-color:white;
  padding:10px;
  border-radius:10px;
  list-style-type: none;
  text-align: center;
  margin: 0 20px;
  height: calc( 320px );
}
.employees .item img {
  height: 80px;
  border-radius: 100%;
  display: inline-block;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  /* Firefox 10+, Firefox on Android */
  filter: gray;
  /* IE6-9 */
  -webkit-filter: grayscale(100%);
  /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.employees .item img:hover{
	max-width:auto;
	filter:none;
	-webkit-filter:none;
}
.employees .item:hover img {
  max-width: auto;
  filter: none;
  -webkit-filter: none;
}
.employees .item *{
	filter:none;
	color: var(--primary-accent);
}
.employees .item .name{
	padding-top:20px;
	font-weight:600;
	text-decoration:underline;
}
.employees .item .post{
	font-style:italic;
	font-size:80%;
	filter: brightness(60%);
}
.employees .item .description{
	border: 2px solid var(--primary-accent);
	height:80px;
	overflow:auto;
}
.employees .item .description *{
	filter: brightness(50%);
}