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

@media only screen and (min-width: 980px)
{
	#content
	{
		width: 64%;
		padding: 7.5rem 0 0 0;
	}

	#images
	{
		width: 64%;
		margin-top: 5rem;
	}

	#images img
	{
		width: 35rem;
	}

	#sticky
	{
		top: 0;
		bottom: auto;
	}

	.desktop
	{
		display: block;
	}

	.mobile
	{
		display: none;
	}
}



/* overrides for resolutions above 1680px */

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



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

@media only screen and (min-width: 640px) and (max-width: 979px)
{
	#content
	{
		width: 72%;
		padding: 5rem 0;
	}

	#content p
	{
		font-size: 1.75rem;
	}

	#images img
	{
		width: 30rem;
	}

	#sticky
	{
		top: auto;
		bottom: 0;
	}

	.desktop
	{
		display: block;
	}

	.mobile
	{
		display: none;
	}
}



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

@media only screen and (max-width: 639px)
{
	html
	{
		font-size: 18px;
	}

	#content
	{
		width: 100%;
		padding: 2.5rem 1.25rem;
	}

	#content p
	{
		font-size: 1.25rem;
	}

	#images
	{
		width: 100%;
	}

	#images img
	{
		width: 100%;
	}

	#sticky
	{
		top: auto;
		bottom: 0;
	}

	.desktop
	{
		display: none;
	}

	.mobile
	{
		display: block;
	}
}