/* -- ALL -- */

@media (max-width: 991px) and (orientation:landscape) {
	
	/* -- NAV -- */
	
	.menu-nav-wrapper {
    	height: auto;
	}
	
	#main-menu {
		width: 225px;
        top: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
		-webkit-transition: left 1s ease-in-out;
    	-moz-transition: left 1s ease-in-out;
    	-ms-transition: left 1s ease-in-out;
    	-o-transition: left 1s ease-in-out;
    	transition: left 1s ease-in-out;`
    }
	
	#main-menu.activated {
    	left: 70%;
	}
	
	#main-menu ul {
    	padding: 20px 0 0 37px;
	}
	
	.link {
		font-size: 40px;
	}
	
	#main-menu .credits a {
    	display: none !important;
	}
	
	/* -- HOME -- */
	
	#intro-wrapper {
    	transform: rotate(0deg);
	}
		
	.hero-bg-show {
    	-webkit-transform: scale(1.3);
    	-moz-transform: scale(1.3);
    	-ms-transform: scale(1.3);
    	-o-transform: scale(1.3);
    	transform: scale(1.3);
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.py-20 {
    	margin: 0 0%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}


/* -- Z FOLDS UNFOLDED -- */

@media (max-width:709px) and (orientation:landscape) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(1.9);
    	-moz-transform: scale(1.9);
    	-ms-transform: scale(1.9);
    	-o-transform: scale(1.9);
    	transform: scale(1.9);
	}
	
	#intro-wrapper {
    	transform: rotate(-30deg);
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.py-20 {
    	margin: 0 0%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}

/* -- LARGER & Z FOLD MOBILE LANDSCAPE -- */

@media (min-width:813px) and (max-width: 991px) and (orientation:landscape) {
	
	/* -- HOME -- */
	
	#intro-wrapper {
    	transform: rotate(0deg);
	}
	
	.hero-bg-show {
    	-webkit-transform: scale(1.9);
    	-moz-transform: scale(1.9);
    	-ms-transform: scale(1.9);
    	-o-transform: scale(1.9);
    	transform: scale(1.9);
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.py-20 {
    	margin: 0 0%;
	}
	
	.scale-0 {
		display: none;
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.hover\:scale-\[1\.1\]:hover {
    	--tw-scale-x: 1;
    	--tw-scale-y: 1;
	}
	
	.portfolioLink:link {
		opacity:1;
	}
	
	.portfolioLink:visited {
		opacity:1;
	}
}