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

	#head .wrapper {
		padding-left: 24px;
		padding-right: 24px;
	}
	
	.page-template-page-home .ce-block.ce-hero:first-child:before {
		left: 24px;
		top: 24px;
	}

}


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

	:root {
		--site-wrapper-padding: 24px;
	}
	
	#nav-main > li:first-child {
		display: none;
	}

}


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

	#logo {
		position: relative;
		display: flex;
		width: 100%;
		height: var(--of-head-height);
		background: var(--of-purple);
		padding-left: var(--site-wrapper-padding);
		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;
		transform: translateY(calc(100% + var(--of-head-height)));
		transition: transform 250ms ease-out;
	}
	
	#head.overlay #navigation {
		transform: translateY(0);
	}
	
	#nav-main {
		font-family: bacalar-turbo-expanded, sans-serif;
		font-weight: 900;
		font-size: 2.4rem;
		line-height: 1;
		flex-flow: column;
		align-items: flex-start;
		gap: 30px;
	}

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

	#nav-main a {
		color: var(--of-purple) !important;
	}
	
	#some a svg * {
		fill: var(--of-purple) !important;
	}
	
	.ce-block.has-gelems {
		position: revert;
	}

	.ce-block.has-gelems .wrapper {
		position: revert;
	}

	.ce-block.has-gelems .gelem {
		display: none;
	}
	
}


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

	#nav-main {
		gap: 20px;
	}

}


@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;
	}
	
	
	.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) {
	
	:root {
		--of-tail-height: 60px;
	}

	.ce-block.ce-logos .logo-grid {
		gap: 40px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	body:after {
		background-size: 150% auto;
		aspect-ratio: 2400 / 1050;
	}
	
	a[href^="mailto:"] {
		overflow-wrap: anywhere;
	}

}


@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;
	}

}