body {
	background-color: #39d9d9;
	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;
}

.login-box {
	background-color: #fafafaeb;
	color: #00214a;
	padding: 10px;
	margin: 40px;
	border-radius: 20px;
	text-align: center;
	min-width: 350px;
	min-height: 400px;
	z-index: 1;
}

.main-label {
	font-family: QuickSand, 'Open Sans', sans-serif;
	font-size: 3em;
	color: transparent;
	background: #277575;
	-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.png');
	width: 275px;
	height: 230px;
	background-position: center top;
	background-size: contain;
	position: fixed;
	background-repeat: no-repeat;
	right: 15vh;
	top: 65vh;
}

@media (max-width: 640px) {
	.background-container.bc-02 {
		background-position: 90% bottom;
	}
	.background-container.bc-03 {
		background-position: 50% bottom;
	}
	.company-logo {
		width: 220px;
		right: 0vh;
		top: 68vh;
	}
}