@charset "utf-8";

/* BOXBAR */
	.boxbar {
		display: grid;
		grid-gap: 2.4rem;
		grid-template-columns: minmax(0, 1fr);
		}
	.boxbar-sub .boxbar-content {
		margin: 2.4rem;
		}
	.boxbar.boxbar-left .boxbar-sub {
  		grid-row: 1;
		}
	@media (min-width: 60em) {
		.boxbar {
			grid-gap: 4.8rem;
			grid-template-columns: minmax(0, 1fr) 32rem;
			}
		.boxbar-main .boxbar-content {
			min-width: 0;
			width: 100%;
			}
		.boxbar.boxbar-left {
			grid-template-columns: 32rem minmax(0, 1fr);
			}
	}
	@media (min-width: 80em) {
		.boxbar {
			grid-gap: 7.2em;
			}
	}
	@media (max-width: 59.99em) {
		.boxbar.boxbar-right .boxbar-sub {
			margin-top: 2.4rem;
			}
		.boxbar.boxbar-left .boxbar-sub {
			margin-bottom: 2.4rem;
			}
	}