/*@media only screen and (min-width: 64.063em) {*/
@media only screen and (min-width: 42em) {
	body
	{
		background-size: 100% auto;
		/* background-image: url(../img/layout/masthead.png); */
		background-image: none;
	}
	body.employee
	{
		background-size: 100% auto;
		background-image: url(../img/layout/masthead-employee.png);
	}
	h1,h2,h3,h4,h5,h6
	{
		font-weight: 500;
	}
	h2
	{
		font-size: 1.9375rem;
	}
	h3
	{
		font-size: 1.5625rem;
	}
	h4
	{
		font-size: 1.25rem;
	}
	h5
	{
		font-size: 1.1rem;
	}
	h6
	{
		font-size: 1rem;
	}
	img.body
	{
		position: fixed;
		top: 1px;
		left: 1px;
		width: 100%;
		-webkit-mask-image: linear-gradient(to top, transparent 0%, black 50%);
  		mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
		display: block;
	}
	div.body
	{
		/*padding: 0em 1em 2em 1em;*/
	}
	div.header
	{
		height: 144px;
	}
	div.header div.header-bkg
	{
		height: 144px;
		z-index: 1;
	}
	div.banner
	{
		padding: 1em 1em 1.6em 1em;
	}
	div.menu-box
	{
		background-color: #222;
	}
	div.callout-menu
	{
		border-left: 1px solid rgba( 72,0,72, .85);
		border-right: 1px solid rgba( 72,0,72, .85);
		border-bottom: 1px solid rgba( 72,0,72, .85);
	}
	div.callout-heading
	{
		padding: .6em;
		background-color: rgba( 30, 161, 238, 1 );
		color: #fff;
		font-weight: bold;
	}
	div.layout-side
	{
		margin-top: -4.2em !important;
		top: 0px !important;
		border-bottom-left-radius: 0px;
	}
	div.layout-main
	{
		z-index: 8;
		margin-top: -4.2em !important;
		padding-top: 5.7em !important;
		padding-left: 2em !important;
		padding-right: 1.5em !important;
	}
	div.history-container
	{
		z-index: 9;
	}
	div.signin
	{
		max-width: 32rem !important;
		margin: 0 auto 0 auto !important;
	}
	div.login
	{
		position: absolute;
		top: 1em;
		right: 1em;
		z-index: 3;

		background-color: rgba( 72,0,72, .9 );
		padding: .4em .8em .42em .8em;
		border-radius: 1em;
		font-size: .8em;
		color: #fff;
	}
	div.login a
	{
		color: #fff;
		font-weight: bold;
		background-color: rgba( 255,255,255, .20);
		border: 1px solid rgba( 255,255,255, .3);
		padding: .1em .4em .1em .4em;
		border-radius: .5em;
		margin-left: .3em;
		margin-right: .3em;
	}
	div.login a:hover
	{
		background-color: rgba( 255,255,255, .35);
	}
	div.history
	{
		position: absolute;
		top: 6.5em;
		/*bottom: -.9em;
		right: 1em;*/
		z-index: 10;
	}
	div.history a.button
	{
		padding-left: 0;
		padding-right: 0;
	}
	div.history i
	{
		background-color: rgba( 0,0,0, .5 );
		color: #fff;
		padding: .4em .7em .4em .7em;
		border-radius: 1em;
	}
	i.history-close
	{
		color: rgba( 255,255,255, 0.65 ) !important;
		margin-left: 1em;
		background-color: transparent !important;
		padding: 0;
		border-radius: 0;
	}
	i.history-close:hover
	{
		color: rgba( 255,255,255, 0.95 ) !important;
	}
	div.history a.button
	{
		/*border: 1px solid rgba( 255,255,255, 1 );*/
	}
	.history_getting-started
	{
		background-color: #c04848;
	}
	div.not-as-large
	{
		width: 60% !important;
	}
}