/* Overrides to create a simpler and more readable layout for small screens - particularly phones in portrait */

body
{
	background: none;
}

#branded-container
{
	padding: 0;
	width: 100%;
	min-width: 100%;
}

	#branded-container .branded-box
	{
		padding: 0;
		box-shadow: none;
		border-left: none;
		border-right: none;
		border-radius: 0;
	}

		#branded-container .branded-box .inner-branded-box
		{
			border-radius: 0;
			padding: 15px;
		}

			#branded-container .branded-box .inner-branded-box h2
			{
				margin-bottom: 5px;
			}

			#branded-container .branded-box .inner-branded-box p
			{
				margin: 5px 0px 5px 0px;
			}

#logo-box
{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
}

	#logo-box img
	{
		max-width: 100%;
	}

.login-form
{
	padding-top: 0;
}

	.login-form .login-controls
	{
		margin-left: 0;
	}

		.login-form .login-controls .login-controls-link
		{
			float: none;
		}

	.login-form .login-field label
	{
		float: none;
		text-align: left;
	}

	.login-form .login-field .text-box,
	.login-form .login-field select
	{
		width: 100%;
		box-sizing: border-box;
	}