.aside--promo {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	max-width: 40vw;
	z-index: 999;
	opacity: 0;
	transform: translateX(-30vw);
	transition: all .25s ease-in-out;
}

@media (min-width: 1200px) {
	.aside--promo {
		max-width: 25vw;
	}
}

.aside--promo.show {
	opacity: 1;
	transform: translateX(0);
}

.aside-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1rem;
	cursor: pointer;
}

.aside-close img {
	width: 1rem;
	height: 1rem;
}

.promo {
	position: relative;
	display: block;
}

.promo-image {
	display: block;
	width: 100%;
	height: auto;
}

.header .promo {
	margin-top: 1rem;
}

.display-640, .display-1200, .display-1920 {
	display: none;
}

@media (min-width: 640px) {
	.display-320 {
		display: none;
	}
	.display-640 {
		display: block;
	}
}

@media (min-width: 1200px) {
	.display-640 {
		display: none;
	}
	.display-1200 {
		display: block;
	}
}

@media (min-width: 1920px) {
	.display-1200 {
		display: none;
	}
	.display-1920 {
		display: block;
	}
}