/* adjust to handle title rotation on landscape */
@media only screen and (orientation : landscape) 
{
	div.content_container
	{
		margin-left: calc(250px * var(--size-scalar));
		transform: translateY(-232px);
		padding-top: calc(50px * var(--size-scalar));
	}

	div.body_container
	{
		width: calc(1000px * var(--size-scalar));
		background-color: black;
		margin: auto;
	}

	div.center_column
	{
		width: calc(700px * var(--size-scalar));
	}

	div.content_image_container
	{
		width: calc(600px * var(--size-scalar));
		margin: auto;
	}

	img.content_image
	{
		width: calc(600px * var(--size-scalar));
		outline: solid calc(4px * var(--size-scalar)) #CCCCCC; 
	}

	div.content_row
	{
		display: -webkit-flex; 
		display: flex; 
		-webkit-flex-flow: row wrap; 
		flex-flow: row wrap;
	}

	img.content_video
	{
		outline: solid 2px #CCCCCC; 
	}

	div.content_caption
	{
		margin-top: calc(8px * var(--size-scalar));
		font-family: LightFont;
		color: #999999;
		font-size: calc(18px * var(--size-scalar));
		line-height: calc(24px * var(--size-scalar));
	}

	span.content_caption_title
	{
		font-family: RegularFont;
		color: white;
	}

	img.content_icon_right
	{
		width: calc(38px * var(--size-scalar));
		height: calc(38px * var(--size-scalar));
		filter: invert(.2) sepia(0);
		padding-top: calc(20px * var(--size-scalar));
	}

	div.content_right_column
	{
		width: calc(50px * var(--size-scalar));
		border-top-left-radius: calc(16px * var(--size-scalar));
		border-top-right-radius: calc(16px * var(--size-scalar));
		background-image: linear-gradient(#444444, black);
	}

	div.content_textbox
	{
		background-color: #222222;
		border-radius: calc(16px * var(--size-scalar));
		width: calc(560px * var(--size-scalar));
		font-family: LightFont;
		color: #CCCCCC;
		padding: calc(30px * var(--size-scalar));
		font-size: calc(18px * var(--size-scalar));
		line-height: calc(24px * var(--size-scalar));
		margin: auto;
	}

	span.content_emphasis
	{
		color: white;
		font-family: RegularFont;
	}

	div.game_container
	{
		width: calc(600px * var(--size-scalar));
		margin: auto;
	}

	img.thin_game
	{
		width: calc(200px * var(--size-scalar));
	}

	img.wide_game
	{
		width: calc(300px * var(--size-scalar));
	}

	div.content_icon_column
	{
		margin: auto; 
		width: calc(38px * var(--size-scalar));
		height: calc(320px * var(--size-scalar));
	}
}