.person {
    border: 10px solid black;
    margin-bottom: 25px;
    width: 100%;
    height: 100%;
    opacity: 1;
    width: 250px;
    height: 250px;
}
.person:hover {
    border-color: #f1f1f1;
}

.bg-1 {
    background: #2d2d30;
   /* color: #5a5858ef;*/
}
.bg-1 h4 {color: #fff;}
.bg-1 p {font-style: italic;}

/* Add a dark gray background color to the modal header and center text */
.modal-header, .close {
    background-color: #333;
    color: #fff !important;
    text-align: center;
    font-size: 30px;
}

footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 20px;
}

footer a {
    color: #f5f5f5;
}

footer a:hover {
    color: #777;
    text-decoration: none;
}

hr{
    height: 1px;
    background-color: #ccc;
    border: none;
}

.list-group-item-data {
    background-color: #ffffff;
    border-top: 1px solid #b3a69fe8;
    border-left-color: #fff;
    border-right-color: #fff;
  }


.row .column img:hover {
filter: grayscale(1) brightness(0.5);
}