/*CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img,
ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Page CSS*/
#contactInformation {
	position: relative;
	-webkit-box-sizing: border-box; /*Safari/Chrome, other WebKit*/
	-moz-box-sizing: border-box; /*Firefox, other Gecko*/
	box-sizing: border-box; /*Opera/IE 8+*/
	
}

p, h1 {color: #FAFAFA; font-family: "Arial Unicode MS", sans-serif;}
a {color: #FAFAFA; text-decoration: none;}

.contactSplit {display: block;}
.contactSplit span {display: block;	float: right; width: 80%; text-align: right;}
span.header {float: right;}

/* IE 8 */
@media \0screen {
	#container {
		width: 900px;
		height: 636px;
		margin: 0 auto;
		background-image: url(visitkort900.jpg);
   	 	background-size: 900px 636px;
	}
	#contactInformation
	{
		height: 105px;
		width: 326px;
		left: 574px;
		top: 532px;
		padding: 15px;
	}
	p, h1 {font-size:11px;}
	p{line-height: 16px;}
	h1{padding-bottom: 15px;}
}

/*Small devices*/
@media screen and (max-width: 1400px){
	#container {
		width: 900px;
		height: 636px;
		margin: 0 auto;
		background-image: url(visitkort900.jpg);
   	 	background-size: 900px 636px;
	}
	#contactInformation
	{
		height: 105px;
		width: 326px;
		left: 574px;
		top: 532px;
		padding: 15px;
	}
	p, h1 {font-size:11px;}
	p{line-height: 16px;}
	h1{padding-bottom: 15px;}

}
@media only screen and (max-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (max-width: 1400px) and (min-resolution: 120dpi){
	#container {
	background-image: url(visitkort900@2x.jpg);
   	background-size: 900px 636px;
	}
}

/*Desktop*/
@media screen and (min-width: 1400px) and (max-width:1999px){
	#container {
		width: 1400px;
		height: 990px;
		margin: 0 auto;
		background-image: url(visitkort1400.jpg);
   	 	background-size: 1400px 990px;
	}
	#contactInformation
	{
		height: 160px;
		width: 507px;
		left: 893px;
		top: 830px;
		line-height: 24px;
		padding: 26px;
	}
	p, h1{font-size: 16px;}
	p{line-height: 24px;}
	h1{padding-bottom: 15px;}

}
@media only screen and (min-width: 1400px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 1400px) and (min-resolution: 120dpi){
	#container {
		background-image: url(visitkort1400@2x.jpg);
   	 	background-size: 1400px 990px;
	}
}

/*Mac Retina*/
@media screen and (min-width: 2000px){
	#container {
		width: 2000px;
		height: 1414px;
		margin: 0 auto;
		background-image: url(visitkort2000.jpg);
   	 	background-size: 2000px 1414px;
	}
	#contactInformation
	{
		height: 210px;
		width: 725px;
		left: 1275px;
		top: 1185px;
		line-height: 36px;
		padding: 45px;
	}
	p, h1{font-size: 20px;}
	p{line-height: 30px;}
	h1{padding-bottom: 20px;}
}
@media only screen and (min-width: 2000px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-width: 2000px) and (min-resolution: 120dpi){
	#container {
		background-image: url(visitkort2000@2x.jpg);
   	 	background-size: 2000px 1414px;
	}
}