@media (max-width: 1080px) {
	body {
		font-size: 18px;
	}
	
	.large {
		font-size: 24px;
	}

	.h1 {
		font-size: 24px;	
	}

	.h2 {
		font-size: 24px;
	}

	.h3 {
		font-size: 18px;
	}

	#header {
		display: none;
		position: fixed;
		z-index: 999;
		background-color: white;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
	}
	#header.toggled {
		display: block;
	}
	#header .col-1 {
		text-align: center;
	}
	#header a {
		display: block;
		margin: 0 auto;
		padding: calc(var(--margin) / 2) 0;
	}


	.logo {
		max-width: 100px;
		animation: none;
		position: relative;
		/*float: left;*/
		margin: 0 auto;
		clear: both;
	}
	.header-title {
		margin: 0 auto;
		clear: both;
		float: none;
		font-size: 3.8vw;
		text-align: center;
	}

	.col-1 {
		box-sizing: border-box;
		width: calc(100%);
	}
	.col-2 {
		box-sizing: border-box;
		width: calc(100%);
	}
	.col-3 {
		box-sizing: border-box;
		width: calc(100%);
	}
	.col-4 {
		box-sizing: border-box;
		width: calc(100%);
	}
	.col-5 {
		box-sizing: border-box;
		width: calc(100%);
	}
	.col-6 {
		box-sizing: border-box;
		width: calc(100vw);
	}
	.items.col-5 {
		width: calc(100vw);

	}	
	.hide-mobile {
		display: none;
	}
	.sticky {
		position: relative;
		display: block;
		float: left;
		top: auto;
	}
	.block {
		min-height: auto;
	}
	.items-preview .col-3,
	.items-preview .col-2 {
		width: 50%;
	}	
	.mobile-header {
		display: block;
		position: fixed;
		border-radius: 50%;
		z-index: 999;
		width: 50px;
		height: 50px;
		bottom: var(--margin);
		left: var(--margin);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		background-color: white;
		color: black;
		user-select: none;
		cursor: pointer;
		transition: background-color 0.25s;
		box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.15);
	}
	.columns-two {
		column-count: 1;
	}

	.items-title .large .optima {
		line-height: 1.1 !important;
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}

	img.preview:nth-of-type(4n + 1) {
		clip-path: polygon(0 100%, 35% 100%, 75% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 15% 100%, 0% 100%);
		-webkit-clip-path: polygon(0 100%, 35% 100%, 75% 0, 100% 0, 100% 50%, 100% 100%, 15% 100%, 15% 100%, 0% 100%);
	}

	.archive .col-3 {
		width: 100%;
	}
	.archive .right-align {
		display: none;
	}

}