/*MOBILE STYLES*/


@media screen and (max-width: 1024px) {
	ul {
		margin-left:5px;
		width: calc(100% - 10px);
		top:60px;
	}

	ul li {
		width: calc(50% - 2px);
	}

	.page ul li:nth-of-type(3) {
		display: none;
	}

	.lang {
		text-align: right;
	}

	#abt-mb {
		display: block;
		color:white;
		font-style: italic;
	}

	/*HOME / CATS*/

	main.cats {
		margin-top:90px;
	}

	main article .thumbnails, main article .thumbnails .thumb, main article .information {
		width: calc(100% - 5px);
	}

	main article .thumbnails > div:nth-of-type(3) {
		display: none;
	}

	main article .thumbnails .thumb {
		margin-bottom:7px;
	}

	main article .information {
		height:auto;
		padding-bottom: 30px;
	}

	main article .information p {
		margin-top: 10px;
		transform: unset;
	}

	/*PROJECT PAGES*/

	.single {
		background:white;
	}

	.single header, .single ul, .nav_proj, .columns, .single figcaption, .lang {
		mix-blend-mode: difference;
	}

	.single ul {
		top: 20px;
	}

	.single figcaption {
		font-size: 8pt;
		text-align: center;
		margin-top:-2px;
	}

	.single ul li:nth-of-type(3) {
		display: none;
	}

	.nav_proj {
		padding:44px 10px;
	}

	figure {
		position: relative;
		width: calc(100% - 10px);
		height: auto;
		overflow: hidden;
		opacity:1;
		margin-left:10px;
		background-color: inherit;
	}

	figure img {
		position: relative;
		width: calc(100% - 10px);
		height: auto;
		margin-top: 0;
		transform: unset;
	}

	.single figure figcaption {
		position: relative;
		padding-left:0;
		padding-top:0;
	}

	.single .columns {
		position: relative;
		padding: 80px 10px 30px;
		z-index: 1;
	}

	.col {
		width:100%;
		text-align: center;
	}

	#col_1 p:first-of-type {
		padding-bottom:18px;
	}

	#col_1 p em {
		text-transform: uppercase;
	}

	#col_1 span {
		display: none;
	}

	#mobile-only {
		display: block;
	}

	#col_4 {
		padding-top:20px;
	}

	/*ABOUT PAGE*/

	.page-id-1118 #abt-mb a, .page-id-1120 #abt-mb a {
		opacity: 1;
	}

	.page-id-1118 ul, .page-id-1120 ul  {
		display: none;
	}

	#films, #awards, #contact, #films h1, #films h2 {
		width:100%;
		padding-left: 0;
	}

	#awards, #contact {
		padding-top:50px;
	}

}