@media only screen and (max-width: 800px) {
	.header {
		height: auto;
		overflow: visible;
	}

	#back_plane {
		display: none;
	}

	nav.mobile {
		display: flex;
		align-items: center;
		gap: 16px;
		height: auto;
		min-height: 140px;
		padding: 24px 16px 20px;
		box-sizing: border-box;
		overflow: visible;
		background-color: #f6f8f9;
	}

	.mobile .nav_hero {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		flex: 0 0 140px;
		width: 140px !important;
		height: 140px !important;
		border-radius: 50%;
		overflow: hidden;
		background-size: cover;
		background-position: center;
	}

	.mobile .nav_hero h2 {
		width: 110px;
		margin: 34px auto 0;
		font-size: 22px;
		line-height: 1.15;
		font-weight: normal;
	}

	.mobile .nav_hero h3 {
		display: none;
	}

	nav.mobile #navselect {
		float: none;
		width: auto;
		flex: 1;
		min-width: 0;
		margin: 0;
	}

	nav.mobile #navselect h3 {
		margin: 0;
		font-size: 18px;
		line-height: 1.35;
		font-weight: normal;
		font-style: italic;
		color: #333;
	}

	.desktop {
		display: none;
	}

	.mobile {
		display: block;
	}

	header {
		position: static !important;
	}

	body.content #content {
		margin-top: 24px !important;
	}

	.container {
		width: min(92%, 420px);
		margin-left: auto;
		margin-right: auto;
		overflow: visible;
	}

	.circle_box {
		background-image: none;
		width: 100%;
		max-width: 340px;
		height: 980px;
		margin: 0 auto;
		position: relative;
	}

	.circle_box .circle_parent.c280,
	.circle_box .circle_parent.c160,
	.circle_box .circle_parent.c200,
	.circle_box .circle_parent.c140 {
		width: 145px;
		height: 145px;
	}

	.circle_box .circle_parent.c280 .circle,
	.circle_box .circle_parent.c160 .circle,
	.circle_box .circle_parent.c200 .circle,
	.circle_box .circle_parent.c140 .circle {
		width: 145px;
		height: 145px;
		border-radius: 50%;
	}

	.circle_box .linkage,
	.circle_box p {
		top: 64px;
		font-size: 15px;
	}

	.circle_parent p {
		padding: 0 8px;
		box-sizing: border-box;
	}

	#cir_exhibitions {
		top: 0;
		right: 0;
		left: auto;
	}

	#cir_artists {
		top: 130px;
		left: 0;
		right: auto;
	}

	#cir_project {
		top: 260px;
		right: 0;
		left: auto;
	}

	#cir_blog {
		top: 390px;
		left: 0;
		right: auto;
	}

	#cir_instagram {
		top: 520px;
		right: 0;
		left: auto;
	}

	#cir_shop {
		top: 650px;
		left: 0;
		right: auto;
	}

	#cir_contact {
		top: 780px;
		right: 0;
		left: auto;
	}

	#sponsors {
		padding-top: 40px;
		padding-left: 16px;
		padding-right: 16px;
		box-sizing: border-box;
	}

	.sponsor_group {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		gap: 12px 20px;
		margin: 0 0 20px;
		width: 100%;
	}

	.sponsor {
		margin: 0 !important;
		max-width: 100%;
		background-position: center top !important;
	}

	.disclaimer {
		padding: 0 20px 24px;
		box-sizing: border-box;
	}

	.juicebox {
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 380px) {
	nav.mobile {
		gap: 12px;
		padding: 20px 12px 16px;
	}

	.mobile .nav_hero {
		flex-basis: 120px;
		width: 120px !important;
		height: 120px !important;
	}

	.mobile .nav_hero h2 {
		width: 96px;
		margin-top: 28px;
		font-size: 18px;
		line-height: 1.1;
	}

	nav.mobile #navselect h3 {
		font-size: 15px;
	}

	.circle_box {
		max-width: 300px;
		height: 920px;
	}

	.circle_box .circle_parent.c280,
	.circle_box .circle_parent.c160,
	.circle_box .circle_parent.c200,
	.circle_box .circle_parent.c140 {
		width: 130px;
		height: 130px;
	}

	.circle_box .circle_parent.c280 .circle,
	.circle_box .circle_parent.c160 .circle,
	.circle_box .circle_parent.c200 .circle,
	.circle_box .circle_parent.c140 .circle {
		width: 130px;
		height: 130px;
	}

	.circle_box .linkage,
	.circle_box p {
		top: 57px;
		font-size: 13px;
	}

	#cir_artists { top: 110px; }
	#cir_project { top: 220px; }
	#cir_blog { top: 330px; }
	#cir_instagram { top: 440px; }
	#cir_shop { top: 550px; }
	#cir_contact { top: 660px; }

	.circle_box {
		height: 820px;
	}
}