@media only screen and (max-width: 767px) { /* xs screens only */
    .xs-noshow {
        display: none;
    }
}

.join h3 {
    padding-bottom: .25em;
}
.join p {
    line-height: 1;
}
    .join p .button {
        margin-bottom: .25em;
        line-height: 1.5;
    }


ul.members {
    padding-bottom: 0;
}
    ul.members li {
        list-style: none;
        padding-bottom: 1em;
        line-height: 1;
    }
        ul.members li i {
            font-size: 80%;
        }


.flexbox > ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    padding: 0;
    margin: 0;
    list-style: none;
}
    .flexbox ul > li {
        flex: 0 1 300px;
        margin: 1em;
        padding: 0 1em 1em;
        background-color: #f6f6f6;
        border-radius: 5px;
        height: auto;
        list-style: none;
/*        box-shadow: 0 0 10px 0 #ccc;*/
    }
        .flexbox ul > li.full {
            flex: 1 1 100%;
        }


ul.flexproject {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: stretch;
    padding: 0;
    margin: 0;
    list-style: none;
}
    ul.flexproject li {
        flex: 1 0 250px;
        margin: .25em .5em;
        list-style: none;
        height: auto;
    }  
        ul.flexproject li a {
            display: block;
            height: 100%;
            padding: 1em;
            border-radius: 10px;
            color: #fff;
            border: 1px solid #0c72d4;
            line-height: 1.25;
        }
            ul.flexproject li a:hover {
                background-color: #d3e9ff;
                color: #084c8d;
            }

.participation details {
    padding-bottom: 1em;
}