:root,
:root[color-theme="dark"],
:root[color-theme="light"]{
  --header-background: #8344da;
}

.app-store-logos figure {
	display: inline-block;
	margin: 0;
	width: 15em;
}

@media only screen and (max-width: 400px)  {
	img.app-icon {
		width: 20%
	}
	img[class^='step'] {
		width: 35%
	}
	.step-container > p {
		padding-top: 1rem;
	}
}
@media only screen and (min-width: 400px)  {
	img.app-icon {
		width: 15%
	}
	img[class^='step'] {
		width: 20%
	}
	.step-container > p {
		padding-top: 1rem;
	}
}

@media only screen and (min-width: 1200px)  {
	img.app-icon {
		width: 15%
	}
	img[class^='step'] {
		width: 20%
	}
	.step-container > p {
		padding-top: 4rem;
	}
}

.step-left {
	float: left;
}

.step-right {
	float: right;
}

.step-container {
	align-content: center;
}