@font-face {
    font-family: 'regular';
    src: url('../fonts/sfdisplay-regular-webfont.woff2') format('woff2'),
         url('../fonts/sfdisplay-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'medium';
    src: url('../fonts/sfdisplay-medium-webfont.woff2') format('woff2'),
         url('../fonts/sfdisplay-medium-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'bold';
    src: url('../fonts/sfdisplay-bold-webfont.woff2') format('woff2'),
         url('../fonts/sfdisplay-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

*{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
*:focus{ outline-style: none;}
*:focus { outline-style: none;}


.left-login{
	height: 100vh;
	background: #f5f8fa;
}

.right-login img{
	height: 100vh !important;
}

.left-login{
	padding: 70px;
	text-align: center;
}

.left-login input{
	margin-top:10px !important;
	float:left;
}

.left-login .btn{
	width: 100%;
	padding: 7px;
	border:none;
	margin-top:10px;
	border-radius: 3px;
}

.left-login h3{
	margin:85px 0 20px 0;
	color:#2f373d;
	font-family: 'bold';
	font-size:29px;
}

@media(max-width:600px){
	

	.right-login{
		display:none
	}
	
	.left-login{	
		overflow: auto;
	}

	.left-login h3{
		margin: 35px 0 10px 0;
		color: #2f373d;
		font-family: 'bold';
		font-size: 16px;
	}
}