@media all{
	.fontlog{

		min-height: 100%;
		display:table;
		height:100%;
		width:100%;
		background-image:radial-gradient(#2F3557, #171A2B)  !important ;


	}
	body.login{
		display:table-cell;vertical-align:middle;
		height:100%;
		width:100%;
	}
	div.blue {
		margin:auto;
		width:100%;
		height:100%;
		background-image:radial-gradient(#2F3557, #171A2B, black);
		color:white;
		position:relative;
		z-index:1;
		text-align:center;
	}

	div.connect{
		text-align:center;
		width:250px;
		background: #333752;
		border-radius: 10px 10px 10px 10px;
	}

	h1 {
		font-size: 80px;
		text-shadow: 0px 3px 11px #000000;
		color: #FFFFFF;
		font-family:"Droid Serif", Arial, Helvetica, sans-serif;
		margin-bottom: 0;
	}

	.col-centered{
		float: none;
		margin: 0 auto;
	}

	.Degrade {
		background-image:linear-gradient(to bottom, gray, black, black);
		color: white;
		border-radius: 3px 3px 3px 3px;
		border-color: black;
	}
	.Degrade:hover{
		cursor: pointer;
	}

	.input-xs {
		height: 22px;
		margin-top: -2px;
		padding: 0px 5px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
		padding-right:0px
	}

}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.fontlog{

		min-height: 100%;
		display:table;
		height:100%;
		width:100%;
		background: #333752;


	}
		div.connect{
		text-align:center;
		width:250px;
                min-height:250px;
		background: #333752;
		border-radius: 10px 10px 10px 10px;
	}
	
}