.project.cover 
{
	opacity: 0.5;
}

#entry .framed
{
	transform: rotate(2deg);
}

#problem .challenges .framed
{
	transform: rotate(-2deg);
}

.challenges .descriptions 
{
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
}

#audience .primary
{
	width: 28rem;
}

.project.framed.peak .foreground
{
	width: 54rem;
	border: none;
	clip-path: inset(1px);
}

#motion .framed
{
	transform: rotate(1deg);
}

#doublediamond .framed
{
	transform: rotate(-3deg);
}

#pyramid .framed
{
	transform: rotate(2deg);
}

#handson .framed .foreground
{
	width: 32rem;
}

#handson .framed.one
{
	transform: rotate(11deg);
}

#handson .framed.two
{
	top: -11rem;
    left: -18rem;
    transform: rotate(-4deg);
}

#handson .framed.three
{
    left: -26rem;
    top: 4rem;
    transform: rotate(3deg);
}

#handson .collage
{
	margin: 12rem 2rem 5rem 25rem;
}

#tips .framed
{
	transform: rotate(-1deg);
}

#result .one
{
	grid-row: 1;
}

#result .two
{
	grid-row: 2;
}

#result .three
{
	grid-row: 3;
}

#result .result
{
	grid-column: 1;
}

#result .description
{
	grid-column: 2;
}

#result .result.one
{
	width: 48rem;
}

#result .contentBlock.quote p 
{
    max-width: 33rem;
	margin: 1rem 0rem 2rem 0rem;
}

#result .contentBlock.quote.top
{
	top: -8rem;
	left: -12rem;
}

#result .contentBlock.quote.bottom
{
	top: 10rem;
	left: -12rem;
}

#result .result.three .foreground
{
	height: 44rem;
	border: none;
}

#result .result.three > *
{
	border-radius: 8px;
}

#result .result.two
{
	margin: 8rem -1rem 17rem 11rem;
}

@media (max-width: 1600px), (max-height: 1080px)
{
	#audience .primary 
	{
		width: 24rem;
	}

	.project.framed.peak .foreground
	{
		width: 48rem;
	}

	#handson .collage 
	{
		margin: 10rem 1rem 7rem 20rem;
	}

	#handson .framed.two 
	{
		top: -9rem;
		left: -13rem;
	}

	#handson .framed.three 
	{
		left: -21rem;
		top: 6rem;
	}

	#result .result.one 
	{
		width: 42rem;
	}

	#result .contentBlock.quote p 
	{
		max-width: 28rem;
	}

	#result .contentBlock.quote.top 
	{
		top: -7rem;
		left: -9rem;
	}

	#result .contentBlock.quote.bottom 
	{
		top: 9rem;
		left: -10rem;
	}

	#result .result.two 
	{
		margin: 8rem -1rem 12rem 9rem;
	}

	#result .result.three .foreground 
	{
		height: 40rem;
	}	
}

@media (max-width: 1360px)
{
	#result .description
	{
		grid-column: 1;
	}

	#result .one.description
	{
		grid-row: 2;
	}

	#result .two.description
	{
		grid-row: 4;
	}

	#result .three.description
	{
		grid-row: 6;
	}

	#result .result.one
	{
		grid-row: 1;
	}

	#result .result.two
	{
		grid-row: 3;
	}

	#result .result.three
	{
		grid-row: 5;
	}
}

@media (max-width: 1024px)
{
	.challenges .framed .foreground 
	{
		width: 32rem;
	}

	.project.framed.peak .foreground 
	{
		width: 38rem;
	}

	#handson .framed.three,
	#handson .framed.one
	{
		display: none;
	}

	#handson .framed.two
	{
		position: static;
	}

	#handson .collage
	{
		margin: 0;
	}

	#result .result.one 
	{
		width: 34rem;
	}

	#result .contentBlock.quote p 
	{
    	max-width: 21rem;
		margin: 0.5rem 0rem 1.5rem 0rem;
	}
}

@media (max-width: 640px), (max-height: 800px) and (max-width: 1360px)
{
	.challenges .framed .foreground 
	{
		width: 22rem;
	}

	#audience .primary 
	{
		width: 20rem;
	}

	.project.framed.peak .foreground 
	{
		width: 23rem;
	}

	#handson .framed .foreground 
	{
		width: 21rem;
	}

	#result .result.one 
	{
		width: 22rem;
		margin: 0 -1rem;
	}

	#result .result.three .foreground 
	{
		height: 36rem;
	}
	
	#result .result.two 
	{
		margin: 0;
        display: flex;
        flex-direction: column;
        gap: 2.5rem;
	}

	#result .contentBlock.quote.top,
	#result .contentBlock.quote.bottom
	{
		top: 0rem;
		left: 0rem;
	}
}