.captain { background:#000; color:#fff; padding: .45em .65em; font-size: 70%; font-weight: bold; }

.member-listing { margin-bottom: 2em; padding:0 10px; }

.user-list-express.public-list { display: flex; flex-wrap:wrap; justify-content: space-between; margin:0 -10px 30px -10px; }
.user-list-express.public-list > div { width: 12%; }

.image-box-public {
	width:100%;
	position: relative;
	overflow: hidden;
}
.image-box-public > div {
	height: 0;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
	border-radius: 50% 50% 50% 8%;
}
.image-box-public > .altimage { position: absolute; left:-100%; height:100%; width:100%; }
.image-box-public:hover > .altimage { left:0; }

.user-list-express.public-list .member-name {
	color: white;
	-webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: .7px;
	-webkit-text-stroke-color: black;
	font-size: 200%;
	line-height: 1em;
	font-style: italic;
	font-weight: bold;
}

.user-list-express.public-list .member-grade {
	font-weight:900;
}

.order-g-c { order:2 !important }
.order-g-a { order:3 !important }
.order-g-ch { order:1 !important }
.order-g-6 { order:10 }
.order-g-7 { order:9 }
.order-g-8 { order:8 }
.order-g-9 { order:7 }
.order-g-10 { order:6 }
.order-g-11 { order:5 }
.order-g-12 { order:4 }
.order-g-0 { order:12 }


@media screen and (max-width:1460px) {
	.user-list-express.public-list > div { width: 13%; }
}
@media screen and (max-width:1260px) {
	.user-list-express.public-list > div { width: 18%; }
}
@media screen and (max-width:900px) {
	.user-list-express.public-list > div { width: 24%; }
	.user-list-express.public-list .member-name { font-size:180%; }
}
@media screen and (max-width:650px) {
	.user-list-express.public-list > div { width: 32%; }
}
@media screen and (max-width:500px) {
	.user-list-express.public-list .member-name { font-size:160%; }
}
@media screen and (max-width:400px) {
	.user-list-express.public-list > div { width: 48%; }
	.user-list-express.public-list .member-name { font-size:170%; }
}
@media screen and (max-width:340px) {
	.user-list-express.public-list .member-name { font-size:150%; }
}


.order-g-grad { display:none; }