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

.mob-box {
	background-image: url(../images/layout/m-splash-bg.jpg);
	display: flex;
	align-content: center;
	align-items: center;
	justify-content:center;
}

h1 {
	padding-bottom:15vh;
}

@media only screen and (orientation:landscape){
	.mob-box {
		background-image: url(../images/layout/ml-splash-bg.jpg);
	}
}

@media only screen and (orientation:landscape) and (max-resolution:150dpi) {
	.mobile {
		display: none;
	}
	
	.dt-box {
		background-image: url(../images/layout/d-splash-bg.jpg);
		display: flex;
		align-content: center;
		align-items: center;
		justify-content:center;
		background-size: cover;
		background-position:center;
		overflow: hidden;
	}
	
	.splash-box {
		position: absolute;
		left:9vh;
		right:10vh;
		bottom:7.5vh;
		top:auto;
		display:flex;
		flex-direction:row;
		flex-wrap:nowrap;
	}
	
	.splash-item {
		flex-grow:5;
		flex-shrink:5;
	}
	
	h1 {
		padding-left:4.5vw;
		letter-spacing:4.5vw;
		width:auto;
	}
	
	p {
		font-family: nexa-light, Raleway, Century Gothic, Avant Garde, sans-serif;
		font-weight: 300;
		font-size:.55em;
		text-align:left;
		letter-spacing:0em;
		padding-left:1vh;
		line-height:1.1em;
		margin:auto;
	}
	
	a {
		text-transform:uppercase;
		font-size:0.9em;
		font-family: nexa-light, Raleway, Century Gothic, Avant Garde, sans-serif;
		font-weight: 300;
	}
}