html,body{
	width: 100%;
	height: 100%;
	background-color: #000;
	overflow: hidden;
}
img{
	width: 100%;
	height: auto;
}
h1{
	font-size: 2rem !important;
}
p{
	font-size: 1.3rem !important;
	font-family: din_lit;
}
.login-img{

	position: absolute;
	width:50rem;
	left: 50%;
	top: 75%;
	transform: translate(-50%,-50%);
	

}

.Logo{

	position: absolute;
	top:25px;
	left: 25px;
	width: 100px;

}
.form{
	position: fixed;
	bottom: 0;
	width: 100%;
	background-color:rgba(0,0,0,.5);
	border-top:solid 1px #b60a1a !important;
	min-height: 100px;
	height: auto;

}
.form>div{

	position: relative;
	width: 100%;
	height: 100%;
	display: block;
}
.form>div>form{

	position: absolute;
	left: 50%;
	top: 50px;
	width: 650px;
	transform: translate(-50%,-50%);
}
.slogen{
	position: absolute;
	left:65%;
	top: 35%;
	text-align: right;

}
.slogen h1{color:#b60a1a;}
.slogen p{color:#fff;}
.btn{
	background-color: #b60a1a!important;
	border-color:  transparent !important;
	font-size: 12px;
	width: 200px;
}
.btn:hover{ 
	background-color: #232323!important;
	border:solid 1px #7a7f86!important;

}
input{
	background: rgba(255,255,255,.2) !important;
	font-size: 12px!important;
	width: 200px !important;
	color: #fff !important;  
}
input:focus,
input:hover{
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	border: #f00 1px solid !important;
	box-shadow: none !important;
}

@media (max-width: 768px) {
	.slogen {
		left: 50%;}
		
	}