h1.page-header {
  display: none;
}
.team-container h2.block-title {
  text-align: center;
  font-size: 2em;
  margin-bottom: 27px;
}
.team-container h2 {
  display: none;
}
.team-container {
  margin-bottom: 45px;
}
.team-container .views-row {
  height: 245px;
  width: 18%;
  float: left;
  margin: 0 3%;
}
.fa_icon {
  position: absolute;
  right: 0;
  top: 0px;
  border-radius: 0 0 0 20px;
  height: 0px;
  width: 0px;
  background: #f1862e;
  z-index: 10;
  background-image: url(https://cas.web.cern.ch/sites/cas.web.cern.ch/themes/cernoverride-master/img/white-search-icon.png);
  background-repeat: no-repeat;
  background-position-x: 12px;
  background-position-y: 9px;
  -webkit-transition: width .2s  ease-in-out, height .1s  ease-in-out;
  transition: width .2s  ease-in-out, height .1s  ease-in-out;
}
.views-row .field--name-field-photo-team-member:hover .fa_icon {
  height: 40px;
  width: 40px;
}
.team_name, .team_position {
  margin: 0 !important;
  position: relative;
}
.team-container .views-row {
  height: 250px;
}
.team-container .content {
  height: 175px;
  position: absolute;
}
.team-container .content .photo {
  position: relative;
}
.team_name a, .team_position a {
  color: #FFF !important;
}
.team_name {
  width: fit-content;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  background: rgba(23,23,23,0.8);
  bottom: 43%;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0px;
  padding: 9px 9px 25px 9px;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
  text-transform: uppercase;
  z-index: 500;
    /*max-width: 95%;*/
  line-height: 15px;
}
.team_position {
  display: inline-block;
  float: left;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  bottom: 55%;
  left: 3%;
  z-index: 550;
  border-radius: 15px;
  padding: 5px 8px;
  background: #408284;
  color: #fff !important;
  width: auto;
  -webkit-transition: all 0.3s; 
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.views-row .field--name-field-photo-team-member img {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.views-row .field--name-field-photo-team-member:hover img {
	opacity: 0.37;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.team-container .views-row .content:hover .team_name {
 background: rgba(23,23,23,1) !important;
}
.views-row .field--name-field-photo-team-member a {
  background: #000;
  display: block;
  width: 200px;
  margin: 0 auto;
  overflow: hidden;
}
@media all and (min-width: 800px) and (max-width: 1070px) {
  .team-container .views-row {
    width: 30%;
    margin: 0 1%;
}
}
@media all and (min-width: 525px) and (max-width: 799px) {
  .team-container .views-row {
    width: 40%;
    margin: 0 1%;
}
}
@media all and (max-width: 524px) {
  .team-container .views-row  {
    width: 90%;
}
}