@font-face {
	font-family: FuturaParagraph;
	src: url(../fonts/FuturaBT-Book.ttf) format('truetype'),
	url(../fonts/FuturaBT-Book.woff2) format('woff2'),
	url(../fonts/FuturaBT-Book.woff) format('woff'),
	url(../fonts/FuturaBT-Book.eot) format('eot');
}

html, body
{
    height: 100%;
}

body
{
    margin: 0;
    background-color: #7A1E32;
	font-size:18px;
	/*font-family: 'Futura Bk BT';*/
}



#login
{
    background-color: #fff;
    height: 240px;
    width: 400px;
    margin: 200px auto 0;
    padding: 30px;
    border-radius: 10px;
	font-family: FuturaParagraph;
}

#mainlogo {background-image:url('../../Custom/Images/opticare.png'); width:200px; height:36px; background-size: cover; margin: 0 auto; margin-bottom:20px}
#support {color:#fff; text-align:center; padding:25px; font-family: FuturaParagraph;}
#support a{color:#fff; text-decoration:none;}
#inputs, #actions
{
    border: 0;
    padding: 0;
    margin: 0;
	text-align:center;
}

#inputs input
{

    padding: 10px 10px 10px 10px;
    margin: 0 0 15px 0;
    width: 90%;
    border: 1px solid #ccc;
    border-radius: 5px;
	font-size:18px;
	font-family: 'Futura Bk BT';
}

#username
{
    background-position: 5px -2px !important;
}

#password
{
    background-position: 5px -52px !important;
}

#inputs input:focus
{
    background-color: #fff;
    border-color: #7A1E32;
    outline: none;
    box-shadow: 0 0 0 1px #7A1E32 inset;
}

#actions
{
    text-align:center;
}

#submit
{
    background-color: #7A1E32;
	color:#fff;
    padding: 10px 40px;
    cursor: pointer;
	border-radius:5px;
	border:0;
	margin-top:10px;
	font-size:24px;
}

#submit:hover {
	background-color: #993332;
}

#actions a
{
    color: #3151A2;
    float: right;
    line-height: 35px;
    margin-left: 10px;
}

#back
{
    display: block;
    text-align: center;
    position: relative;
    top: 60px;
    color: #999;
}





@media screen and (max-width: 992px) {
	body{font-size:40pt;}
	
	h1{
		font-size:60pt;
	}
	
	#login{
		margin:200pt auto 0;
		height: auto;
		box-shadow:none;
		width:90%;
	}
	
	#mainlogo{width:500px; height:90px;}
	
	#inputs input{
		width:95%;
		font-size:60pt;
		padding:15px;
		display:block;
		margin:30px auto;
	}
	
	#submit{
		font-size:60pt;
		width:100%;
		height:150px;
		display:block;
		margin:0 auto;
		float:none;
	}
	
	h1:after, h1:before{
		background-image:none !important;
		background-color:#fff !important;
	}
}