/*
font-family:'NHaasGroteskTXW01-65Md';
*/

/* ==========================================================================
   General furnishings
   ========================================================================== */
   
*, *:before, *:after {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

* {
    -webkit-backface-visibility:hidden; 
}

body {
	font-family:'NHaasGroteskTXW01-65Md', sans-serif;
	-webkit-font-smoothing: antialiased;
    font-weight: 400;
	font-size: 1em; /* 16px */
    line-height: 1.4;
}

/* @@LT-XL */
@media only screen and (max-width: 1100px) {
	body {
		font-size: .875em; /* 14px */
	}
}

/* @@LT-M */
@media only screen and (max-width: 550px) {
	body {
		font-size: .75em; /* 12px */
	}
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#003bff ;
}

.everything {
	background-size:cover;
	background-position:right center;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-image:url(/img/page-background-XS.jpg);
}

@media only screen and (min-width:550px){
	.everything{
		background-image:url(/img/page-background-S.jpg);
	}
}
@media only screen and (min-width:1100px){
	.everything{
		background-image:url(/img/page-background-M.jpg);
	}
}
@media only screen and (min-width:1400px){
	.everything{
		background-image:url(/img/page-background-L.jpg);
	}
}

/* ==========================================================================
   Vcard
   ========================================================================== */
   
.vcard {
	padding:3em 5%;
	color:#fff;
}

.vcard .fn,
.vcard .contact-list,
.vcard .adr {
	position:relative;
	padding:1em 0;
}

.vcard .fn:after,
.vcard .contact-list:after {
	content:'.';
	height:0;
	color:transparent;
	border-bottom:1px solid #003bff ;
	width:2em;
	position:absolute;
	bottom:0;
	left:0;
}

.vcard .contact-list {
	list-style:none;
	margin:0;
}

.vcard .contact-list .type {
	display:none;
}


/* ==========================================================================
   Brand
   ========================================================================== */
   
.brand-mark {
	position:absolute;
	font-size:1em;
	bottom:4em;
	left:5%;
	width:90px;
	height:111px;
	margin:0;
}

.brand-mark img {
	width:100%;
	height:100%;
	display:block;
}

@media only screen and (max-height: 350px) {
	.brand-mark {
		bottom:auto;
		left:auto;
		right:5%;
		top:4em;
	}
}