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

	#head .wrapper {
		padding-left: 24px;
		padding-right: 24px;
	}

}

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

	#nav-main > li:first-child {
		display: none;
	}

}

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

	:root {
		--site-wrapper-padding: 24px;
	}
	
	.ce-block.ce-single-column[style*="/OFV-herokuva-"][style*="--element-padding-top: 400px;"] {
		--element-padding-top: 34.1880vw !important;
	}

}


@media only screen and (max-width: 1000px) {
	
	:root {
		--of-head-height: 80px;
	}
	
	#head .wrapper {
		gap: 0;
	}

	#logo {
		position: relative;
		display: flex;
		width: 100%;
		height: var(--of-head-height);
		background: var(--of-yellow);
		z-index: 50;
		align-items: center;
	}
	
	#nav-burger {
		display: block;
	}
	
	#head #navigation {
		display: flex;
		position: fixed;
		left: 0;
		top: 0;
		width: 100vw;
		height: calc(100vh - var(--of-head-height));
		background: var(--of-yellow);
		padding: 40px 40px 24px;
		z-index: 49;
		flex-flow: column;
		align-items: flex-start;
		overflow: auto;
		-webkit-transform: translateY(calc(100% + var(--of-head-height)));
		transform: translateY(calc(100% + var(--of-head-height)));
		-webkit-transition: transform 250ms ease-out;
		transition: transform 250ms ease-out;
	}
	
	#head.overlay #navigation {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
	#nav-main {
		font-size: 4rem;
		line-height: 1;
		flex-flow: column;
		align-items: flex-start;
		gap: 24px;
	}
	
}

@media only screen and (max-height: 575px) {

	#nav-main {
		gap: 12px;
	}

}


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

	body .ce-block.ce-multi-columns[style$="--grid-columns: 6;"] .ce-grid-wrapper {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

}


@media only screen and (max-width: 812px) {
	
	:root {
		--site-elements-padding: max(40px, 9.8522vw);
		--site-column-margin: max(40px, 9.8522vw);
		--of-tail-height: 80px;
	}
	

	body .ce-block.ce-bgimage.ce-imagesized {
		height: auto !important;
	}

	body .ce-block.ce-bgimage.ce-imagesized > div {
		display: block;
		height: auto;
		overflow: visible;
	}


	body .ce-block .ce-flex-wrapper .ce-column {
		flex: 0 0 100% !important;
	}

	body .ce-block .ce-flex-wrapper .ce-column:empty {
		display: none;
	}


	body .ce-block.ce-single-column .ce-column {
		display: block !important;
	}
	
	body .ce-block.ce-single-column .ce-content-wrap {
		max-width: 100% !important;
	}


	body .ce-block.ce-text-image {
		padding-top: 0;
	}
		
	body .ce-block.ce-text-image .ce-flex-wrapper {
		gap: var(--site-column-margin);
	}

	body .ce-block.ce-text-image .ce-imagecolumn {
		order: 1;
	}

	body .ce-block.ce-text-image .ce-textcolumn {
		margin: 0 !important;
		order: 2;
	}


	body .ce-block.ce-text-image.ce-fill-imagecolumn .ce-imagecolumn > img {
		width: 100%;
	}


	body .ce-block.ce-text-image.ce-fullwidth-image {
		padding-bottom: 0;
	}

	body .ce-block.ce-text-image.ce-fullwidth-image .ce-fullwidth-image-wrap {
		position: static;
		width: calc(100% + var(--site-wrapper-padding) * 2) !important;
		margin-left: calc(var(--site-wrapper-padding) * -1);
	}

	body .ce-block.ce-text-image.ce-width-wrapper.ce-fullwidth-image .ce-fullwidth-image-wrap {
		width: calc(100% + var(--site-elements-padding) * 2) !important;
		margin-left: calc(var(--site-elements-padding) * -1);
	}

	body .ce-block.ce-text-image.ce-fullwidth-image .ce-fullwidth-image-wrap img {
		height: auto;
	}


	body .ce-block.ce-multi-columns[style] .ce-grid-wrapper {
		grid-template-columns: 100%;
		gap: var(--site-column-margin);
	}

	body .ce-block.ce-multi-columns[style$="--grid-columns: 6;"] .ce-grid-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	
	#large-modal-content-wrap {
		width: 100% !important;
		max-width: calc(100vw - 40px) !important;
		max-height: calc(100vh - 40px) !important;
	}
	
	.type-text #large-modal-content {
		padding: 30px;
	}
	
	.type-text #large-modal-content > :last-child {
		margin-bottom: 30px;
	}
	

	h2:not(:first-child) {
		margin-top: calc(var(--site-column-margin) - (1.6rem * 1.4));
	}
	
	
	body .ce-block.ce-scrolling-heading {
		padding-top: max(40px, 9.8522vw) !important;
		padding-bottom: max(40px, 9.8522vw) !important;
	}
	
	body .ce-block.ce-scrolling-heading + .ce-block {
		padding-top: 0 !important;
	}
	
	
	body .ce-block.ce-text-video {
		padding-top: 0;
	}
	
	body .ce-block.ce-text-video .ce-flex-wrapper {
		min-height: 0;
		flex-flow: column;
	}

	.ce-block.ce-text-video .ce-textcolumn {
		order: 2;
	}

	.ce-block.ce-text-video .ce-videocolumn {
		order: 1;
	}

	body .ce-block.ce-text-video .ce-fullwidth-video-wrap {
		position: static;
		width: calc(100% + var(--site-wrapper-padding) * 2) !important;
		margin-left: calc(var(--site-wrapper-padding) * -1);
	}

	body .ce-block.ce-text-video .ce-fullwidth-video-wrap video {
		height: auto;
	}
	
	
	body .ce-block.ce-banner {
		padding: var(--site-elements-padding) !important;
	}
	
	body .ce-block.ce-banner .banner-wrapper:before, 
	body .ce-block.ce-banner .banner-wrapper:after {
		display: none;
	}


	.page-template-page-artisti .ce-flex-wrapper {
		flex-flow: column;
		gap: var(--site-elements-padding);
	}
	
	#artist-photo {
		position: static;
	}
	
	#artist-photo > div {
		padding-top: var(--site-elements-padding);
		padding-bottom: 0;
	}

	
	#main-content {
		padding-top: 0;
	}
	

}


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

	.ce-block.ce-logos .logo-grid {
		gap: 40px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

}


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

	#large-modal-content-wrap {
		width: 100% !important;
		max-width: calc(100vw - 20px) !important;
		max-height: calc(100vh - 20px) !important;
	}
	
	.type-text #large-modal-content {
		padding: 20px;
	}

}