User:Aesulus/Membership box.css

.membership-table {
  background-color: #f8f9fa;
}

.membership-icons {
	display: flex;
	flex-flow: row wrap;
	padding: 0.5em 1em;
}

.membership-icons ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.membership-icons li {
	display: inline;
}

/* Constrains height and width to 32x32px
.membership-icons img {
	width: 32px;
	height: 32px;
}
*/

.membership-table {
	display: flex;
	flex-flow: row wrap;
	padding-left: 1px;
	padding-top: 1px;
}

.membership-table .membership-header {
  margin-left: -1px;
  margin-top: -1px;
  border: 1px solid #a2a9b1;
}

.membership-header {
  background: #ededed;
	text-align: center;
	font-weight: bold;
	padding: 0.2em 0;
	flex: 100%
}

.membership-badges-section {
	flex: 1 300px
}

.membership-icon-label {
	flex: 100%;
}

.membership-perks-section {
	flex: 2 auto;
}