@font-face { font-family: fontReg; src: url(../font/Rajdhani-Regular.ttf); }
@font-face { font-family: fontBold; src: url(../font/Rajdhani-Bold.ttf); }
@font-face { font-family: fontLight; src: url(../font/Rajdhani-Light.ttf); }

/* -------------------------------------------------------------------------- */
html, body { 
	background: #771313; 
	color: #ffffff; 
	line-height: 1; 
	font-family: fontReg, Arial, sans-serif; font-smooth: always; -webkit-font-smoothing: subpixel-antialiased; 
	font-size: 15px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

a { 
	color: #ffffff; 
	text-decoration: none;
	text-underline-offset: .2em;
}
a:hover { text-decoration: underline; }

.light { font-family: fontLight; font-size: 90%; }

h1 { font-family: fontBold; font-size: 2.4rem; margin: 0; text-align: center; }
q { quotes: " -- " " -- "; font-family: fontLight; font-size: 90%; }
p { padding: 0; margin: 1.2rem 0 0 0; line-height: 1.75rem; color: #dadada; }
.bold { font-family: fontBold; }
.lh1	{ line-height: 1;}
.mr { margin-right: .5rem; }

#main {
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-image: url('../media/bg-0.jpg');
}
#main > div { 
	position: absolute;
	bottom: 10%;
	left: 0;
	background: rgba(32, 4, 4, 0.8);
	width: 90%;
	padding: 1rem .5rem;
}
#main > div p a { 
	display: inline-flex;
	align-items: center;
	margin-right: 1.4rem; 
}
#main > div p a svg { width: auto !important; height: 1rem !important; }
#main > div p a:last-child { margin-right: 0; }

@media screen and (orientation: landscape) and (min-width: 800px) {
	html,body { 
		font-size: 20px;
	}
	#main > div { 
		bottom: 6%;
		width: auto;
		padding: 2rem 6rem;
	}
}


#gallery_wrap { display: none !important; }

#preload {
	display: none;
}