/*

My Custom CSS
=============

Updated: March 2016

$ LoginPage

*/

/* --------------------------------------
   $ LoginPage
   -------------------------------------- */
   
.login-banner-small {
	display: block;
	position: fixed;
	width: 100%;
	max-width: 640;
	z-index: -1;
	min-height: 100%;
}   

.login-banner-large {
	display: none;
}
   
.login-input-text {
	width: 205px; 
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.35);
}
	
.login-form {
	width: 305px;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 2;
	margin: 17% auto 0 auto;
	padding: 25px 10px;
	text-align: center;
	background: rgba(255, 255, 255, 0.35);
	border-radius: 3px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
	font-family: Josefin Sans, sans-serif;
}

.login-btn {
	margin-right: 20px;
    margin-left: 25px;
}

.login-fn {
	text-decoration: none;
	color: #1C1C1C; 
}

.login-fn:hover,
.login-fn:focus {
	color: #585858;
}

@media (min-width: 641px) {
	.login-banner-small {
		display: none;
	}  
	
	.login-banner-large {
		display: block;
		position: fixed;
		width: 100%;
		min-height: 100%;
	}   
	
	.login-form {
		margin: 10% auto 0 auto;
	}
}