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

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

.challenges .description
{
	max-width: 25rem;
}

#motivation .project.framed img
{
    width: 36rem;
}

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

#motivation .project.framed.primary
{
    transform: rotate(-3deg);
}

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

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

#snapshot .project.framed img
{
    width: 41rem;
}

#snapshot .project.framed.primary img
{
    width: 36rem;
}

#snapshot .project.framed.low
{
	transform: translate(-50%, -50%) rotate(0deg);
    top: 53%;
    left: 50%;
}

#snapshot .project.framed.primary
{
    transform: rotate(-3deg);
}

#snapshot .collage
{
	margin: 0px 2.5rem;
}

#messenger .project.framed img
{
    width: 32rem;
	border: none;
}

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

#messenger .project.framed.primary
{
    transform: rotate(3deg);
}

#messenger .collage
{
	margin: 1rem 1rem 1rem 16.5rem;
}

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

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

#rome .collage > img
{
	width: 41rem;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
}

#rome .project.framed.primary img
{
    width: 36rem;
}

#rome .project.framed.primary
{
    transform: rotate(5deg);
}

#rome .collage
{
	margin: 2rem 2rem 2rem 24rem;
}

#rome h4 span
{
	color: var(--accentRedTxt);
}

#roots .project.framed img
{
    width: 36rem;
}

#roots .project.framed
{
	transform: translate(15rem, -10rem) rotate(6deg);
}

#roots .project.framed.primary
{
    transform: rotate(-3deg);
}

#roots .collage
{
	margin: 10rem 17.5rem 1rem 1rem;
}

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

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

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

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

#result .project.framed.primary
{
    transform: rotate(-3deg);
}

#result .project.framed.one
{
    transform: translate(-34rem, 11rem) rotate(2deg);
}

#result .project.framed.two
{
    transform: translate(-39rem, -2rem) rotate(-7deg);
}

#result .description p
{
	margin: 0.25rem 0 0.75rem 0
}

#result .collage
{
	margin: 3rem 0rem 5rem 36rem;
}

@media (max-width: 1600px), (max-height: 1080px)
{
	#motivation .project.framed img 
	{
		width: 32rem;
	}
	
	#motivation .project.framed.primary img 
	{
    	width: 40rem;
	}

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

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

	#rome .collage > img
	{
		display: none;
	}

	#rome .collage
	{
		margin: 2rem 2rem 2rem 5rem;
	}

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

	#result .project.framed.primary img
	{
		width: 21rem;
		border-width: 1rem;
	}

	#result .project.framed.primary
	{
		transform: rotate(-3deg);
	}

	#result .project.framed.one
	{
		transform: translate(-27rem, 8rem) rotate(2deg);
	}

	#result .project.framed.two
	{
		transform: translate(-31rem, -2rem) rotate(-7deg);
	}

	#result .collage
	{
		margin: 3rem 0rem 8rem 30rem;
	}
}

@media (max-width: 1360px)
{
	#motivation .project.framed:not(.primary)
	{
		display: none;
	}
}

@media (max-width: 1024px)
{
	#entry img, #entry svg 
	{
		width: 30rem;
	}
	
	.contentBlock.two 
	{
    	background-image: url(../../images/worktogether/worktogether_frame_wide.svg);
	}

	.contentBlock .border.two 
	{
		background-image: url(../../images/worktogether/worktogether_frame4.svg);
	}

	#motivation .project.framed.primary img 
	{
    	width: 30rem;
	}

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

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

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

	#messenger .collage 
	{
    	margin: 1rem 1rem 1rem 11rem;
	}

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

	#rome .project.framed.primary img 
	{
    	width: 28rem;
	}
	
	#rome .collage
	{
		margin: 0;
	}

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

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

	#result .project.framed.primary
	{
		display: none;
	}
	
	#result .collage 
	{
    	margin: 2rem 11rem 37rem 31rem;
	}
}

@media (max-width: 640px), (max-height: 800px) and (max-width: 1360px)
{
	#entry img, #entry svg 
	{
		width: 21rem;
	}
	
	.contentBlock.two 
	{
    	background-image: url(../../images/worktogether/worktogether_frame_1.svg);
	}

	.contentBlock .border.two 
	{
		background-image: url(../../images/worktogether/worktogether_frame2.svg);
	}

	#motivation .project.framed.primary img 
	{
    	width: 20rem;
	}

	#snapshot .project.framed.primary img 
	{
    	width: 19rem;
	}

	#messenger .project.framed img 
	{
    	width: 17rem;
	}

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

	#messenger .collage 
	{
    	margin: 1rem 1rem 1rem 8rem;
	}

	#box .project.framed img 
	{
    	width: 20rem;
	}
	
	#rome .project.framed.primary img 
	{
    	width: 18rem;
	}

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

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

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

	#result .project.framed.one 
	{
    	transform: translate(0rem, 8rem) rotate(2deg);
	}

	#result .project.framed.two 
	{
    	transform: translate(0rem, -2rem) rotate(-7deg);
	}

	#result .collage 
	{
    	margin: 3rem 22rem 26rem -2rem;
	}
}