.tier-level {
	display: flex;
}

.tier-level .col-wrapper {
	position: relative;
    width: 20px;
    height: 80px;
    margin: 1px;
}

.tier-level .col {
	width: 100%;    
    background: #cccccc;
    border: 1px solid #c4c4c4;
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
}

.tier-level .col-wrapper:nth-child(1) .col {
	height: 20px;
}
.tier-level .col-wrapper:nth-child(2) .col {
	height: 30px;
}
.tier-level .col-wrapper:nth-child(3) .col {
	height: 40px;
}
.tier-level .col-wrapper:nth-child(4) .col {
	height: 55px;
}
.tier-level .col-wrapper:nth-child(5) .col {
	height: 80px;
}

.tier-level .col.filled {
	background: #1591d8;
	border: 1px solid #1387c8;
}

.tier-label {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    box-sizing: border-box;        
    width: 92px;
    height: 92px;
    margin: auto;
    background-size: 100% 100%;
    color: white;
    display: flex;
}
.tier-label .level {
	font-size: 36px;
	font-weight: 700;
	font-family: 'Montserrat';
}
.tier-label.tier-5 {
	background-image: url('../assets/tier5.svg');
}
.tier-label.tier-4 {
	background-image: url('../assets/tier4.svg');
}
.tier-label.tier-3 {
	background-image: url('../assets/tier3.svg');
}
.tier-label.tier-2 {
	background-image: url('../assets/tier2.svg');
}
.tier-label.tier-1 {
	background-image: url('../assets/tier1.svg');
}
.tier-label.tier-landmark {
	background-image: url('../assets/landmark.svg');
}
.avail-blx-text {
	font-family: 'SFProText';
	font-size: 16px;
	font-weight: 600;
	color: black;
	text-align: center;
	margin-top: 7px;
}

@media screen and (max-width: 812px) {
	.tier-label {
		width: 75px;
	    height: 75px;
	    font-size: 14px;
	}
	.tier-label .level {
		font-size: 30px;
	}
}