@media screen and (max-width: 650px) {

	.pageHeader {
		flex-direction: column-reverse;
	}

	.mainViewContainer {
		margin-left: var(--sidebar-small-width);
	}

	.mainSidebarContainer {
		max-width: var(--sidebar-small-width);
	}

	.circleButton {
		width: calc(var(--sidebar-full-width) - 2 * var(--sidebar-small-content-margin));
		padding: 0 var(--sidebar-small-content-margin);
	}

	.paddedLarge {
		padding: 2rem 1rem;
	}

	.interestsliders {
		flex: initial;
		width: 100%;
	}

	.interestpie {
		flex: initial;
		width: 100%
	}

	#biddingstuff {
		flex: none;
	}

	.overviewArea {
		flex: none;
	}

	.dialog {
		width: 100%;
		height: 100%;
	}

}