a{
    color: #333;
    text-decoration: none;
}
:root{
    --flex-item-width:min(25vmin,180px);
    --element-max-width:1440px;
}
body{
    font-family: sans-serif;
}
.practice-head{
    text-align: center;
    padding: 16px 0;
}
.introduction{
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    font-size: min(20px,4vw);
    padding: 10px;
    background-color: aliceblue;
    border-radius: 8px;
    color: #466;
}
#townhall-section{
    max-width: var(--element-max-width);
    margin: 30px auto;
}
.flex-item{
    flex: 0 0 25%;
    text-align: center;
    margin-top: 6px;
}
.townhall-image{
    width: var(--flex-item-width);
    height: min(25vmin,180px);
    min-width: 100px;
    min-height: 100px;
    object-fit: cover;
    filter: saturate(120%) contrast(1.05);
    object-position: calc(var(--i) / 7 * 100%) 0%;
}
.box-flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.empty-item{
    width: var(--flex-item-width);
    min-width: 100px;
}
.townhall-h2{
    font-size: min(24px,4vw);
}