.filters {
  width: 95%;
  margin: auto;
}

.filter {
  margin-top: 0px;
  margin-bottom: 10px;
  padding: 0;
}

.alert-warning {
  width: 95%;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 10px;
}

.card {
  border-style: solid;
  border-color: black;
  border-radius: 10px;
}

.card:hover {
  box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

.photo {
  border-radius: 10px 10px 0 0;
  filter: grayscale(0.3);
}

.card:hover .photo {
  filter: none;
}

.card-body {
  padding: 24px;
}

.profession {
  font-size: 15px;
  margin-bottom: 0px;
}

.name {
  font-size: 24px;
  margin-top: 9px;
  margin-bottom: 0px;
}

.location {
  font-size: 15px;
  margin-top: 9px;
  color: #444
}

.description {
  margin-top: 16px;
  margin-bottom: 0px;
  color: #777
}

a {
  color: #047db5;
  text-decoration: none;
}

a h2 {
  color: #555;
}

a:hover {
  color: #00aeff;
}

.socials {
  margin-top: 16px;
  margin-bottom: 0px;
}

.social {
  margin-right: 6px;
}