.project.cover 
{
	opacity: 0.5;
}

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

#problem .stamp
{
    width: 32rem;
	opacity: 1;
}

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

#brainstorm .project.framed img 
{
	width: 24rem;
}

#brainstorm .project.framed.primary img 
{
	width: 48rem;
}

#brainstorm .project.framed.four img,
#brainstorm .project.framed.two img 
{
	width: 28rem;
}

#brainstorm .project.framed.primary
{
	transform: rotate(-2deg);
}

#brainstorm .project.framed.one
{
	transform: translate(-23rem, 20rem);
}

#brainstorm .project.framed.two
{
	transform: translate(46rem, 21rem);
}

#brainstorm .project.framed.three
{
	transform: translate(-23rem, -6rem);
}

#brainstorm .project.framed.four
{
	transform: translate(44rem, -7rem);
}

#brainstorm .project.framed.five
{
	width: 48rem;
}

#brainstorm .collage
{
	margin: 7rem 23rem 0rem 23rem;
}

#ideas .project.framed img 
{
	width: 20rem;
	border-width: 0;
}

#ideas .project.framed.one img 
{
	width: 26rem;
}

#ideas .project.framed.primary img 
{
	width: 60rem;
	border-width: 2rem;
}

#ideas .project.framed.one
{
	transform: translate(-14rem, 24rem);
}

#ideas .project.framed.two
{
	transform: translate(58rem, 4rem);
}

#ideas .project.framed.three
{
	transform: translate(58rem, 26rem);
}

#ideas .project.framed.four
{
	transform: translate(58rem, 15rem);
}

#ideas .collage
{
	margin: 2rem 14rem 0rem 14rem;
}

#help .project.framed img 
{
	width: 16rem;
}

#help .project.framed.primary img 
{
	width: 48rem;
}

#help .project.framed.primary
{
	transform: rotate(-1deg);
}

#help .project.framed.low
{
	transform: translate(38rem, -7rem) rotate(5deg);
}

#help .collage
{
	margin: 4rem 6rem 0rem 0rem;
}

#fight .project.framed img
{
	width: 48rem;
}

#fight .project.framed.primary
{
	transform: rotate(2deg);
}

#fight .project.framed.low
{
	transform: translate(2rem, 13rem) rotate(-4deg);
}

#fight .collage
{
	margin: 0rem 2rem 14rem 1rem;
}

#future .project.framed img
{
	width: 48rem;
}

#future .project.framed.low img
{
	width: 40rem;
}

#future .project.framed.low
{
    transform: translate(-50%, 30rem);
    left: 50%;
}

#future .collage
{
	margin: 0rem 0rem 16rem 0rem;
}

#coherence .project.framed img
{
	width: 28rem;
	border: none;
}

#coherence .project.framed:not(.one) .foreground,
#coherence .project.framed:not(.one) .shadow
{
	border-radius: 8px;
}

#coherence .project.framed.one
{
	transform: translate(-35rem, -50%);
    top: 50%;
}

#coherence .project.framed.two
{
	transform: translate(35rem, -50%);
    top: 50%;
}

#coherence .plus
{
	transform: translate(-6.5rem, -50%);
    top: 50%;
}

#coherence .equals
{
	transform: translate(28.75rem, -50%);
    top: 50%;
}

#coherence .collage
{
	margin: 0rem 35rem 0rem 35rem;
}

#unite .project.framed img
{
	width: 50rem;
    border: 0;
}

#unite .project.framed
{
	transform: rotate(-2deg);
}

#remote .project.framed img
{
	width: 48rem;
}

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

#page .project.framed img
{
	width: 32rem;
}

#page .project.framed.primary img
{
	width: 40rem;
}

#page .project.framed.primary
{
	transform: rotate(-1deg);
}

#page .project.framed.one 
{
    transform: translate(39rem, -50%);
    top: 50%;
}

#page .project.framed.two 
{
    transform: translate(-31rem, -50%);
    top: 50%;
}

#page .collage
{
	margin: 0rem 31rem 0rem 31rem;
}

#result .content 
{
    row-gap: 0rem;
}

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

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

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

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

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

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

#result .project.framed img
{
	width: 60rem;
}

#result .project.framed.low img
{
	width: 54rem;
}

#result .project.framed.two
{
	transform: rotate(-1deg);
	margin: -3rem 0;
}

#result .project.framed.low
{
	margin: 0 3rem;
}

@media (max-width: 1920px)
{
	#brainstorm .project.framed.primary img 
	{
    	width: 40rem;
	}
	
	#brainstorm .project.framed.four img, 
	#brainstorm .project.framed.two img 
	{
    	width: 24rem;
	}

	#brainstorm .project.framed img 
	{
    	width: 21rem;
	}

	#brainstorm .project.framed.one 
	{
    	transform: translate(-19rem, 16rem);
	}

	#brainstorm .project.framed.two 
	{
    	transform: translate(38rem, 17rem);
	}

	#brainstorm .project.framed.three 
	{
    	transform: translate(-19rem, -5rem);
	}

	#brainstorm .project.framed.four 
	{
    	transform: translate(38rem, -5rem);
	}

	#brainstorm .collage 
	{
    	margin: 5rem 22rem 3rem 22rem;
	}

	#page .project.framed img 
	{
    	width: 26rem;
	}

	#page .project.framed.primary img 
	{
    	width: 32rem;
	}
	
	#page .project.framed.two 
	{
    	transform: translate(-24rem, -50%);
	}

	#page .project.framed.one 
	{
    	transform: translate(30rem, -50%);
	}

	#page .collage
	{
		margin: 0rem 24rem 0rem 24rem;
	}
}

@media (max-width: 1600px), (max-height: 1080px)
{
	#problem .stamp 
	{
		width: 26rem;
	}

	#ideas .project.framed.primary img 
	{
		width: 54rem;
	}

	#ideas .project.framed img 
	{
    	width: 16rem;
	}

	#ideas .project.framed.one img 
	{
    	width: 22rem;
	}

	#ideas .project.framed.one 
	{
    	transform: translate(-10rem, 23rem);
	}

	#ideas .project.framed.two 
	{
    	transform: translate(52rem, 6rem);
	}

	#ideas .project.framed.three 
	{
    	transform: translate(52rem, 22rem);
	}

	#ideas .project.framed.four 
	{
    	transform: translate(52rem, 14rem);
	}

	#ideas .collage 
	{
    	margin: 0rem 10rem 0rem 10rem;
	}

	#coherence .project.framed img 
	{
		width: 24rem;
	}

	#coherence .project.framed.one 
	{
    	transform: translate(-29rem, -50%);
	}

	#coherence .project.framed.two 
	{
    	transform: translate(29rem, -50%);
	}

	#coherence .plus 
	{
    	transform: translate(-4.75rem, -50%);
	}

	#coherence .equals 
	{
    	transform: translate(24.5rem, -50%);
	}

	#coherence .collage 
	{
    	margin: 0rem 29rem 0rem 29rem;
	}

	#result .project.framed img 
	{
    	width: 48rem;
	}

	#result .project.framed.low img 
	{
    	width: 42rem;
	}

	#result .project.framed.two 
	{
    	margin: -2rem 0 -5rem 0;
	}
}

@media (max-width: 1360px)
{
	#problem .stamp 
	{
		order: 2;
	}

	#help .project.framed.primary img 
	{
    	width: 42rem;
	}

	#help .project.framed.low 
	{
    	display: none;
	}

	#help .collage 
	{
    	margin: 0;
	}

	#brainstorm .project.framed:not(.primary)
	{
    	display: none;
	}
	
	#brainstorm .project.framed.primary img 
	{
    	width: 48rem;
	}
	
	#brainstorm .collage 
	{
    	margin: 0;
	}

	#ideas .project.framed:not(.primary)
	{
		display: none;
	}

	#ideas .project.framed.primary
	{
		transform: rotate(3deg);
	}
	
	#ideas .collage 
	{
    	margin: 0;
	}

	#coherence .project.framed.one,
	#coherence .plus
	{
    	display: none;
	}

	#coherence .collage 
	{
    	margin: 0rem 29rem 0rem 0rem;
	}

	#page .project.framed.one,
	#page .project.framed.two 
	{
    	display: none;
	}

	#page .project.framed.primary img 
	{
    	width: 40rem;
	}
	
	#result .content 
	{
    	row-gap: 2rem;
	}

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

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

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

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

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

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

	#result .project.framed.low 
	{
    	margin: 0;
	}
	
	#result .project.framed.one 
	{
    	transform: rotate(1deg);
	}
	
	#result .project.framed.three 
	{
    	transform: rotate(3deg);
	}

	#result .project.framed.two 
	{
    	margin: 0;
	}

	#result .project.framed img 
	{
    	width: 42rem;
	}
}

@media (max-width: 1024px)
{
	h3 
	{
		margin: 0 0 4rem 0;
	}

	#entry img, #entry svg 
	{
		width: 30rem;
	}

	#brainstorm .project.framed.primary img,
	#ideas .project.framed.primary img,
	#help .project.framed.primary img,
	#fight .project.framed img,
	#future .project.framed img,
	#unite .project.framed img,
	#remote .project.framed img,
	#page .project.framed.primary img,
	#result .project.framed.low img,
	#result .project.framed img
	{
    	width: 32rem;
	}

	#fight .project.framed.low 
	{
    	transform: translate(0rem, 10rem) rotate(-4deg);
	}

	#fight .collage 
	{
    	margin: 0rem 0rem 10rem 0rem;
	}

	#future .project.framed.low img 
	{
    	width: 28rem;
	}

	#future .project.framed.low 
	{
    	transform: translate(-50%, 21rem);
	}

	#future .collage 
	{
    	margin: 0rem 0rem 12rem 0rem;
	}

	#coherence .project.framed.two 
	{
    	transform: translate(20rem, -50%);
	}

	#coherence .collage 
	{
    	margin: 0rem 20rem 0rem 0rem;
	}
	
	#coherence .project.framed img 
	{
    	width: 17rem;
	}

	#coherence .equals 
	{
    	transform: translate(17.15rem, -50%);
	}
}

@media (max-width: 640px), (max-height: 800px) and (max-width: 1360px)
{
		h3 
		{
			margin: 0 0 2rem 0;
		}

	#entry img, #entry svg 
	{
    	width: 23rem;
	}

	#problem .stamp 
	{
    	width: 20rem;
	}

	#brainstorm .project.framed.primary img,
	#ideas .project.framed.primary img,
	#help .project.framed.primary img,
	#fight .project.framed img,
	#future .project.framed img,
	#unite .project.framed img,
	#remote .project.framed img,
	#page .project.framed.primary img,
	#result .project.framed.low img,
	#result .project.framed img
	{
    	width: 21rem;
		margin: 0 -2rem;
	}
	
	#ideas .project.framed.primary img
	{
		border-width: 1rem;
	}

	#fight .project.framed.low 
	{
    	transform: translate(0rem, 6rem) rotate(-4deg);
	}

	#fight .collage 
	{
    	margin: 0rem 0rem 6rem 0rem;
	}
	
	#future .project.framed.primary 
	{
    	transform: rotate(3deg);
	}

	#future .project.framed.low 
	{
    	display: none;
	}
	
	#future .collage
	{
    	margin: 0;
	}

	#coherence .project.framed.two 
	{
    	transform: translate(11.5rem, -50%);
	}

	#coherence .project.framed img 
	{
    	width: 11rem;
	}
	
	#coherence .equals 
	{
		display: none;
	}

	#coherence .collage 
	{
    	margin: 0rem 11.5rem 0rem 0rem;
	}
}