@charset "UTF-8";
/* CSS Document */

header { height: 300px; background: url(../images/contact_m.jpg) no-repeat 0px 0px; background-size: 800px 300px; }

header a.logo { width: 294px; height: 56px; top: 254px; left: 5px; background-image: url(../images/logo_m.svg); background-size: 294px 56px; }

nav { top: 320px; }
nav a { margin-right: 20px; }

.promo_container { padding: 0px 20px 15px 20px; }
.promo_container .promo { background-position: 0px 0px; }
.promo_container .promo .content { padding: 70x 30px 0px 0px; }

body { background-image: none; }
.aside {
	float: left;
	height: 30px;
	width: 400px;
}

@media
	only screen and (min-width:501px) and (max-width:642px)
	{
		h1 { margin: 40 0 .5em 0; !important; }
	}
@media
	only screen and (min-width:501px) and (max-width:800px)
	{
		nav a { margin-right: 0px; !important; }
	}


@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx),
{
	header { background-image: url(../images/contact_m_2x.jpg); }
	header a.logo { background-image: url(../images/logo_m_2x.svg); }
}