/*-------------------------------------------------------------------------*/
/* Welcome box
/*-------------------------------------------------------------------------*/
.welcome-box {
	width: 100%;
	height: auto;
	padding: 2rem;
	text-align: center;
	box-shadow: inset 0 0 0 1px #131311, inset 0 0 0 2px rgba(57, 59, 50, 0.26), 0 0 6px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 0 0 1px #131311, inset 0 0 0 2px rgba(57, 59, 50, 0.26), 0 0 6px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: inset 0 0 0 1px #131311, inset 0 0 0 2px rgba(57, 59, 50, 0.26), 0 0 6px 0 rgba(0, 0, 0, 0.15);
	background-color: #131412;
	background-image: url(../../images/patterns/pattern-noise.png);
	background-repeat: repeat;
	background-position: center center;
}

.welcome-box:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
	background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-color: transparent;
	background-image: url(../../images/graphics/welcome-box.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.welcome-box .welcome-title {
	color: #d2cb87;
	font-size: 1.225rem;
	line-height: 100%;
	font-family: var(--font-family-secondary);
	text-shadow: 0 0 9px #13100f, 0 1px 1px rgba(0, 0, 0, 0.6);
	text-transform: uppercase;
}

.welcome-box .welcome-title strong {
	color: #f6eeac;
	display: block;
	font-size: 3.35rem;
	line-height: 85%;
	font-weight: 100;
}

.welcome-box .welcome-content {
	color: #8b886e;
	margin: 2rem 0 0 0;
	font-size: 1.125rem;
	line-height: 100%;
	font-family: var(--font-family-primary);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

/* Welcome box: Responsive
/*----------------------------------------------------------*/
@media screen and (min-width: 992px) { /* Desktop */
	.welcome-box .welcome-title        {font-size: 1.625rem;}
	.welcome-box .welcome-title strong {font-size: 3.75rem;}
}