div.grid-item {
    display: inline-block;
    border: 1px solid #888;
}

div.people-grid-card.grid-item-hidden {
    opacity: 0;
    display: none;
}

@media screen and (min-width: 1024px) {
    div.grid-item {
        width: 30%;
    }
}

@media screen and (max-width: 640px) {
    div.grid-item {
        width: 85%;
    }
}

div.grid-item h3 {
    font-size: 1.5em;
    margin: 6pt;
}

div.grid-item h4 {
    font-size: 1em;
    margin: 6pt;
}

div.profile-pic {
    background-size: cover; 
    background-position: center; 
    background-repeat:no-repeat; 
    width: 100%;
    height: 320px;
}

.category-controls {
    padding: .5em 0em;
}

button.category-selector {
	background: none;
	border-left: none;
	border-right: none;
	border-top: none;
    border-bottom: none;
    padding: 0px .5em;
    transition: all 0.5s;
    border-bottom: 3px solid rgba(68, 119, 255, 0);
    color: #000;
}

button.category-selector:hover, button.category-selector:focus {
    color: #4477ff;
}

button.category-selector[active="1"]{
    border-bottom: 3px solid rgba(68, 119, 255, 1);
}