@media screen and ( max-width: 1226px ) {
	.wrapper > .inside {
		padding: 0 54px;
	}
}

@media screen and ( max-width: 768px ) {
	body {
		font-size: 18px;
	}
	body.single-portfolio  {
		font-size: 16px;
	}
	h1 {
		font-size: 26px;
	}
	h2 {
		font-size: 26px;
	}
	h3 {
		font-size: 20px;
	}
	.wrapper > .inside {
		padding: 0 48px;
	}
	header#branding #main-navigation nav > ul > li > a {
		font-size: 24px;
	}
	header#branding #main-navigation .widget {
		font-size: 14px;
	}
	.wp-block-quote {
		font-size: 24px;
		margin: 30px;
	}
	p.mono {
		font-size: 16px;
	}

	header {
		padding-top: 24px;
		margin-bottom: 24px;
		padding-bottom: 48px;
		border-bottom: 2px solid var(--foreground-color);
	}

	.alignwide {
		margin-left: -24px;
		margin-right: -24px;
	}

	.wp-block-separator {
		border-top-width: 2px!important;
		margin: 24px 0!important;
	}

	section.portfolio-content + section.portfolio {
	 margin-top: 24px;
	}

	nav.pagination {
		margin-top: 24px;
	}

	footer {
		margin-top: 48px;
		padding: 12px 0 24px 0;
		border-top-width: 2px;
	}

	header#branding #main-navigation {
		width: 384px;
	}
	input#hamburger-cb:checked + div#pagewrapper {
		transform: translateX(-384px);
	}

	.studiogallery {
		gap: 48px!important;
	}
	.studiogallery > * {
		width: calc(50% - 48px / 2)!important;
	}

	ul.portfolio-grid {
		max-width: 565px;
		gap: 48px;
		margin-top: 48px;
		grid-template-columns: repeat(2, 1fr);
	}
	ul.portfolio-grid li.portfolio-item {
		height: 345px;
	}
	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+3), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+7), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+14) {
		/*height: calc(100% - 48px);*/
		height: calc(345px - 48px);
	}

	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+4), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+6), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+10), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+11), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+17), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+18) {
		height: 277px;
	}

	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+5), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+12), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+16) {
		height: calc(100% - 24px);
	}

	.portfolio-navigation {
		margin-bottom: -24px;
		margin-top: 48px;
	}

	header#branding #flexwrapper {
		gap: 48px;
	}

	section.portfolio-content + section.portfolio {
		border-top-width: 2px;
	}
}

@media screen and (max-width: 425px) {
	header#branding #flexwrapper > #hamburger {
		flex: 40px 0 0;
	}
	header#branding #flexwrapper > #hamburger > label > span {
		height: 6px;
		margin-bottom: 5px;
	}
	header#branding #main-navigation > .inside {
		padding: 24px 48px 24px 48px;
	}
	header#branding #main-navigation label {
		width: 40px;
		height: 40px;
	}
	header#branding #main-navigation label > span {
		height: 6px;
	}
	.studiogallery {
		gap: 15px!important;
	}
	ul.portfolio-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	html .wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap!important;
	}
	html .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-grow: 1!important;
		flex-basis: 100%!important;
	}
}

@media screen and (max-width: 375px) {
	.wrapper > .inside {
		padding: 0 20px;
	}

	body {
		font-size: 16px;
	}
	body.single-portfolio  {
		font-size: 16px;
	}
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 24px;
	}
	h3 {
		font-size: 18px;
	}
	.wrapper > .inside {
		padding: 0 20px;
	}
	header#branding #main-navigation nav > ul > li > a {
		font-size: 18px;
	}
	header#branding #main-navigation .widget {
		font-size: 9px;
	}
	.wp-block-quote {
		font-size: 19px;
	}
	p.mono {
		font-size: 14px;
	}

	header {
		padding-top: 15px;
		margin-bottom: 15px;
		padding-bottom: 30px;
		border-bottom: 1px solid var(--foreground-color);
	}

	.alignwide {
		margin-left: -15px;
		margin-right: -15px;
	}

	.wp-block-separator {
		border-top-width: 1px!important;
		margin: 15px 0!important;
	}

	section.portfolio-content + section.portfolio {
	 margin-top: 15px;
	}

	nav.pagination {
		margin-top: 15px;
	}

	footer {
		margin-top: 30px;
		padding: 8px 0 15px 0;
		border-top-width: 1px;
	}

	header#branding #main-navigation {
		width: 188px;
	}
	input#hamburger-cb:checked + div#pagewrapper {
		transform: translateX(-188px);
	}

	.studiogallery {
		gap: 30px!important;
	}
	.studiogallery > * {
		width: 100%!important;
	}

	ul.portfolio-grid {
		max-width: 100%;
		gap: 30px;
		margin-top: 30px;
		grid-template-columns: repeat(1, 1fr);
	}
	ul.portfolio-grid li.portfolio-item {
		height: 447px;
	}
	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+3), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+7), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+14) {
		height: calc(100% - 30px);
	}

	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+4), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+6), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+10), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+11), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+17), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+18) {
		height: 360px;
	}

	ul.portfolio-grid li.portfolio-item:nth-of-type(18n+5), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+12), ul.portfolio-grid li.portfolio-item:nth-of-type(18n+16) {
		height: calc(100% - 15px);
	}

	.portfolio-navigation {
		margin-bottom: -15px;
		margin-top: 30px;
	}

	header#branding #flexwrapper {
		gap: 30px;
	}

	header#branding #main-navigation label {
		width: 30px;
		height: 30px;
	}

	header#branding #main-navigation label > span {
		height: 5px;
	}

	header#branding #main-navigation > .inside {
		padding: 10px 20px 0 20px;
	}

	header#branding #flexwrapper > #hamburger {
		flex: 30px 0 0;
	}

	.wp-block-gallery {
		margin: 15px 0;
		gap: 15px!important;
	}
	
	.wp-block-gallery > figure {
		width: calc(50% - 15px/2)!important;
	}

	header#branding #flexwrapper > #hamburger > label > span {
		height: 5px;
		margin-bottom: 4px;
	}

	header#branding #main-navigation nav > ul > li > a {
		padding: 20px 0;
	}

	.wp-block-quote {
		margin-left: 0;
		margin-right: 0;
	}

	.wp-block-common-portfolio__item img {
		min-height: 196px;
		object-fit: cover;
	}

	html .wp-block-columns.is-not-stacked-on-mobile {
		flex-wrap: wrap!important;
	}
	html .wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
		flex-grow: 1!important;
		flex-basis: 100%!important;
	}
	section.portfolio-content + section.portfolio {
		border-top-width: 1px;
	}
}