html {
	height: 100%;
}

#login-container {
	width: 90%;
	height: 480px;
	margin-top: 50px;
}

@media only screen and (min-width: 600px) {
    /* For tablets: */
	#login-container {width:75%;}
}
@media only screen and (min-width: 768px) {
	/* For laptops: */
	#login-container {width:50%;}
}

.fiona {
	background-color: #f2768b !important;
	color: #000000 !important;
}

.fritz {
	background-color: #40c4df !important;
	color: #000000 !important;
}

.fiona-fritz {
	background-color: #ddffdd !important;
	color: #000000 !important;
}

.text-fiona {
	color: #f2768b !important;
}

.text-fritz {
	color: #40c4df !important;
}

.text-fiona-fritz {
	color: #ddffdd !important;
}

*[data-href] {
    cursor: pointer;
}