/* Space out content a bit */
body { padding-top: 20px; }

.header { border-bottom: 1px solid #EEE; padding-bottom: 10px; margin-bottom: 20px; text-align: center; }

.footer { /* padding-top: 19px; */ color: #999; border-top: 1px solid #EEE; text-align: center; font-size: 0.8em; }

.footer a:link, .footer a:visited { color: #999; }

.fa { color: #999; }

a > .fa { display: inline; }

/* /\* Customize container *\/ */
/* @media (min-width: 768px) { */
/*     .container { */
/*         max-width: 730px; */
/*     } */
/* } */
/* Jumbotron */
.jumbotron { text-align: justify; padding-top: 1.5em; padding-bottom: 0.5em; font-size: 15px; }

/* Group logo */
#logo { width: 180px; height: 50px; margin: 2px 0 8px 0; }

/* Front page news. */
ul.news .date { color: #999; font-weight: bold; }

ul.news > li { margin-top: 1em; }

/* Useful guide https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */
@media (min-width: 576px) { .project-people { column-count: 2; } .card-columns { column-count: 2; } .person { margin-bottom: 10px; } }

@media (min-width: 768px) { .role.grad { column-count: 1; } .project-people { display: flex; flex-wrap: wrap; justify-content: start; align-items: start; } .person { margin: 5px; max-width: 360px; } .person .profile { margin-bottom: 5px; } .card-columns { display: flex; flex-wrap: wrap; justify-content: start; column-gap: 0; align-items: start; } .card { margin: 10px; max-width: 350px; } }

.title img { max-width: 50%; }

section { margin-bottom: 2em; }

.profile { object-fit: cover; }

.noprofile circle { fill: #EEE; }

.noprofile text { font-weight: 700; fill: white; }

.card { border-radius: 20px; }

.card .profile { height: 40px; width: 40px; margin: 3px; }

.card .card-footer { padding: 0.5em; border-radius: 0 0 20px 20px; }

.center { display: block; margin-left: auto; margin-right: auto; width: 60%; }

.center-medium { display: block; margin-left: auto; margin-right: auto; width: 70%; }

.center-large { display: block; margin-left: auto; margin-right: auto; width: 80%; }

.person .profile { height: 90px; width: 90px; }

.person .bio { color: #999; }

.person .email { font-size: 85%; }

.person .person-name { margin: 0; }

.person-without-image { margin: 0; }

.person-without-image .bio { margin-left: 1em; }

svg { vertical-align: middle; }

/*# sourceMappingURL=group.css.map */