.icon-20 { font-size: 20px; }
.icon-30 { font-size: 30px; }
.icon-40 { font-size: 40px; }
.icon-50 { font-size: 50px; }

.cobrand {
	color: #999;
}

.cobrand img, .cobrand i {
	margin: .5em;
}

.icon-img-cobrand{
	max-width: 150px;
	max-height: 75px;
}

@media (max-width: 479px) {
	.xs-icon-20 { font-size: 20px; }
	.xs-icon-30 { font-size: 30px; }
	.xs-icon-40 { font-size: 40px; }
	.xs-icon-50 { font-size: 50px; }

	.cobrand img, .cobrand i {
		display: block;
		margin: .25em auto;
	}
}
@media (max-width: 767px) {
	.sm-icon-20 { font-size: 20px; }
	.sm-icon-30 { font-size: 30px; }
	.sm-icon-40 { font-size: 40px; }
	.sm-icon-50 { font-size: 50px; }
}
@media (max-width: 1023px) {
	.md-icon-20 { font-size: 20px; }
	.md-icon-30 { font-size: 30px; }
	.md-icon-40 { font-size: 40px; }
	.md-icon-50 { font-size: 50px; }
}
@media (min-width: 1201px) {
	.xl-icon-20 { font-size: 20px; }
	.xl-icon-30 { font-size: 30px; }
	.xl-icon-40 { font-size: 40px; }
	.xl-icon-50 { font-size: 50px; }
}

.icon-20, .icon-30, .icon-40, .icon-50 {
	line-height: normal;
	vertical-align: middle;
}