/*	App Store Badge
	==========================================================================
	Used on the SMPLNVST project page. Sits in the .table sidebar, directly
	below the "View Website" button and above the Tech Stack divider line.

	Horizontally centered below the button on every breakpoint. Badge artwork
	is ~3:1; rendered width is capped at 128px and scales down on smaller
	viewports.
*/

.appstore-badge-wrap {
	display: block;
	width: 100%;
	margin: 0px;
	font-size: 0px;
	line-height: 0px;
	text-align: center;
}

.appstore-badge {
	display: inline-block;
	width: 120px;
	max-width: 128px;
	height: auto;
	margin: 0px;
	vertical-align: middle;
}

/*	Per-breakpoint sizing (alignment is centered everywhere via the base rule)
	========================================================================== */

@media (max-width: 480px) {
	.appstore-badge { width: 112px; }
}

@media (min-width: 481px) and (max-width: 960px) {
	.appstore-badge { width: 120px; }
}

@media (min-width: 961px) and (max-width: 1440px) {
	.appstore-badge { width: 120px; }
}

@media (min-width: 1441px) {
	.appstore-badge { width: 128px; }
}