/* desktop settings (980px and above) */

@media only screen and (min-width: 980px)
{
	*[id^='champ']
	{
		top: 50%;
		transform: translateY(-50%);	
	}

	#underlay img, #preloader img
	{
		height: 5rem;
	}

	#contact items
	{
		width: 44%;
	}
}



/* overrides for resolutions above 1680px */

@media only screen and (min-width: 1680px)
{
	html
	{
		font-size: 16px;
	}
}



/* tablet settings and/or overrides (over 640 and under 980px) */

@media only screen and (min-width: 640px) and (max-width: 979px)
{
	#sides lefty, #sides righty
	{
		font-size: 0.6875rem;
	}

	#sides lefty
	{
		left: 1.25rem;
	}

	#sides righty
	{
		right: 1.25rem;
	}

	p.arrow
	{
		left: 0.625rem;
		bottom: 0.625rem;
		width: 1.25rem;
	}

	#underlay img
	{
		height: 4rem;
	}

	p.main, p.offset, .clients
	{
		padding: 0 5rem;
	}

	*[id^='champ']
	{
		top: 0;
		left: 0;
	}

	#ben p, *[id^='champ'] p
	{
		font-size: 0.6875rem;
	}

	#ben img, *[id^='champ'] img
	{
		width: 10rem;
	}

	img.envelope
	{
		right: 0.625rem;
		bottom: 0.625rem;
	}

	img.extra
	{
		right: 2.5rem;
		bottom: 2.5rem;
	}

	#contact items
	{
		width: 72%;
	}
}



/* smartphone settings and/or overrides (under 640px) */

@media only screen and (max-width: 639px)
{
	#slide-people
	{
		display: block;
		height: 100%;
		widht: 100%;
	}

	#slide-people img
	{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#sides lefty, #sides righty
	{
		font-size: 0.6875rem;
	}

	#sides lefty
	{
		left: 1.25rem;
	}

	#sides righty
	{
		right: 1.25rem;
	}

	p.arrow
	{
		left: 0.625rem;
		bottom: 0.625rem;
		width: 1.25rem;
	}

	#underlay img, #preloader img
	{
		height: 3rem;
	}

	p.main, p.offset, p.arrow
	{
		font-family: 'concrette-s-light';
		font-size: 1.5rem;
		letter-spacing: -0.04rem;
	}

	p.main, p.offset, .clients
	{
		padding: 0 2.5rem;
	}

	p.lefty
	{
		text-align: center;
	}

	p.subheading
	{
		font-size: 0.875rem;
		margin-bottom: 0.625rem;
	}

	#slide-people p
	{
		position: absolute;
		left: 1.25rem;
		top: 1.25rem;
		font-size: 0.875rem;
		font-family: 'pp-neue-montreal-regular';
		text-transform: uppercase;
		letter-spacing: 0.02rem;
		color: rgba(255,255,255,1.0);
	}

	#ben, .superstars
	{
		display: none;
	}

	img.squiggle
	{
		width: 7rem;
	}

	img.handy
	{
		height: 6.5rem;
		width: auto;
		margin-bottom: 1.25rem;
	}

	img.perspective
	{
		height: 7.75rem;
		width: auto;
		margin-top: 1.25rem;
	}

	img.finish
	{
		display: none;
	}

	div.logos img:not(:first-child)
	{
		margin-left: 1rem;
	}

	img.h28
	{
		height: 1.25rem;
	}

	img.h24
	{
		height: 1rem;
	}

	img.h20
	{
		height: 0.75rem;
	}

	img.envelope
	{
		right: 0.625rem;
		bottom: 0.625rem;
	}

	img.extra
	{
		right: 1.25rem;
		bottom: 2.5rem;
		height: 7.5rem;
	}

	#contact items
	{
		width: 88%;
	}

}