body {
	/*background-color: #39d9d9;*/
	background-color: #fff;
	position: relative;
}

.background-container {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: right center;
	position: absolute;
	height: 100%;
	width: 100%;
/*	min-height: 500px;*/
	min-height: 100vh;
}

.background-container.bc-01 {
	background-color: #39d9d9;
}
.background-container.bc-02 {
	background-image: url('../img/portal-home-02.png');
	/*opacity: 0;*/
	/*animation: fadein2 2s;*/
}
.background-container.bc-03 {
	background-image: url('../img/portal-home-03.png');
	/*opacity: 0;*/
	/*animation: fadein 2s;*/
}

@keyframes fadein {
	0% { opacity: 0; }
	50%   { opacity: 0; }
	100%   { opacity: 1; }
}

@keyframes fadein2 {
	0% { opacity: 0; }
	75%   { opacity: 0; }
	100%   { opacity: 1; }
}

.body-container {
	height: 100%;
	min-height: 500px;
}

.site-logo-text {
	background-color: #ffffffc7;
	z-index: 2;
	justify-content: center;
	flex-grow: 1;
	font-family: QuickSand, 'Open Sans', sans-serif;
	color: #c4aa16;
	position: relative;
}
.site-logo-text a {
	text-decoration: none;
	/*color: inherit;*/
	
	font-size: 5em;
	color: transparent;
	background: #c4aa16;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 3px 3px #fafafad9;
}
.site-logo-text > h1, .site-logo-text > h2 {
	margin: 0;
	text-align: center;
	font-weight: 400;
}
.site-logo-text > h2 {
	color: #857f7f;
	font-size: 2em;
	letter-spacing: 6.6px;
}
.site-logo-text > h3 {
	display: none;
}

.login-box,
.auth-box {
	/*background-color: #fafafaeb;*/
	background-color: #ffffffeb;
	color: #00214a;
	padding: 10px;
	margin: 40px;
	border-radius: 20px;
	text-align: center;
	min-width: 350px;
	z-index: 3;
}
.login-box {
	min-height: 300px;
}

.auth-box {
	max-width: 355px;
	min-height: 580px;
}

#tap-app-button {
	background-color: #167e7e;
}

#login-form {
	min-height: 220px;
}

#auth-form {
	min-height: 220px;
}

#auth-container {
	min-height: 200px;
}

.auth-header {
	border-bottom: 1px solid #997f80;
	padding: 10px;
	font-size: 12px;
	line-height: 16px;
}

#login-response,
#auth-response {
	max-width: 335px;
	padding: 10px;
	font-size: 12px;
}

#click-login,
#click-register {
	text-decoration: underline;
}

b.clicky:hover {
	color: #997f80;
}

b.clicky:active {
	color: #b4665e;
}

.login-footer {
	border-top: 1px solid #997f80;
	padding: 10px;
}

.main-label {
	font-family: QuickSand, 'Open Sans', sans-serif;
	font-size: 3em;
	color: transparent;
	background: #c4aa16;
	-webkit-background-clip: text;
	-moz-background-clip: text;
	background-clip: text;
	text-shadow: 0px 3px 3px #fafafad9;
}

.company-logo {
	background-image: url('../img/logo-web-50.png');
	width: 500px;
	height: 500px;
	background-position: center top;
	background-size: contain;
	position: fixed;
	background-repeat: no-repeat;
	right: calc(50% - 250px);
	bottom: -220px;
	/*opacity: 0.4;*/
	z-index: 1;
}

@media (max-width: 640px) {
	.site-logo-text {
		max-width: 100vw;
	}
	.site-logo-text a {
		font-size: 2.5em;
	}
	.site-logo-text > h2 {
		display: none;
	}
	.site-logo-text > h3 {
		display: block;
		color: #857f7f;
		font-size: 2em;
		text-align: center;
		margin: 0px;
		font-weight: 400;
		letter-spacing: 6.6px;
	}
	.main-label {
		font-size: 2.8em;
	}
}