/* -- TABLET PORTRAIT -- */

@media (min-width: 744px) and (max-width: 799px) and (orientation: portrait) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(2.3);
    	-moz-transform: scale(2.3);
    	-ms-transform: scale(2.3);
    	-o-transform: scale(2.3);
    	transform: scale(2.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	.dl-logo {
    	width: 90%;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.scale-0 {
    	--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 TABLETS PORTRAIT -- */

@media (min-width: 800px) and (max-width: 991px) and (orientation: portrait) {
	
	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(2.3);
    	-moz-transform: scale(2.3);
    	-ms-transform: scale(2.3);
    	-o-transform: scale(2.3);
    	transform: scale(2.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	.dl-logo {
    	width: 90%;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.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;
	}
}

/* -- TABLET PRO -- */

@media only screen and (min-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) and (orientation: portrait) {

	/* -- HOME -- */
	
	.hero-bg-show {
    	-webkit-transform: scale(2.3);
    	-moz-transform: scale(2.3);
    	-ms-transform: scale(2.3);
    	-o-transform: scale(2.3);
    	transform: scale(2.3);
	}
	
	.intro-spacer {
		display: none;
	}
	
	.dl-logo {
    	width: 90%;
	}
	
	/* -- THE WORK -- */
	
	.filter-options li:hover a {
		background-color: rgb(transparent / var(--tw-bg-opacity));
	}
	
	.sm\:mx-20 {
    	margin-left: 5%;
    	margin-right: 5%;
	}
	
	.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;
	}
}