.sidebar-block {
	-ms-flex-order: 0;
	order: 0;
}

@media (min-width: 768px) {
	@supports ((position: -webkit-sticky) or (position: sticky)) {
		.sidebar-block {
			position: -webkit-sticky;
			position: sticky;

			z-index: 1000;

			max-height: calc(100vh - 4rem);
		}
	}
}

.sidebar-content {
	width: 100%;
}

@media (min-width: 768px) {
	@supports ((position: -webkit-sticky) or (position: sticky)) {
		.sidebar-content {
			overflow-y: auto;

			max-height: calc(100vh - 4rem);
		}
	}
}

.main-content {
	-ms-flex-order: 1;
	order: 1;
}

@media (min-width: 768px) {
	@supports ((position: -webkit-sticky) or (position: sticky)) {
		.main-content .card {
			height: calc(100vh - 6rem);
		}
	}
}