@import url("//hello.myfonts.net/count/325b42"); 

@font-face{font-family:'Panton-Bold';src:url('../../fonts/panton/325B42_0_0.eot');src:url('../../fonts/panton/325B42_0_0.eot?#iefix') format('embedded-opentype'),url('../../fonts/panton/325B42_0_0.woff2') format('woff2'),url('../../fonts/panton/325B42_0_0.woff') format('woff'),url('../../fonts/panton/325B42_0_0.ttf') format('truetype')}

@font-face{font-family:'Panton-Regular';src:url('../../fonts/panton/PantonRegular.eot');src:url('../../fonts/panton/PantonRegular?#iefix') format('embedded-opentype'),url('../../fonts/panton/PantonRegular.woff2') format('woff2'),url('../../fonts/panton/PantonRegular.woff') format('woff'),url('../../fonts/panton/PantonRegular.ttf') format('truetype')}

* {
	font-family: 'Panton-Regular';
	color: #464646;
}

body.login {
	background-size: cover;
}

body.login div#login {
	width: 100%;
    padding: 8% 0 0;
    margin: auto;
    max-width: 700px;
}

body.login div#login h1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #29363b;
}
body.login div#login h1 a {
    height: 80px;
    width: 160px;
    background-size: 133px;
    display: block;
    background-position: center center;
    padding: 0;
    margin: 0;
	margin-left: 20px;
	overflow: visible;
}
body.login div#login h1 a:after {
    content: 'intra';
	font-family: 'Panton-Bold';
    display: block;
    color: #fff;
    font-size: 16px;
    position: relative;
	left: 133px;
	top: 2px;
	text-indent: 0;
	text-transform: uppercase;
}
body.login div#login form#loginform {
	margin-top: 40px;
	padding: 10% 20%;
	box-shadow: 0 0 0;
}

body.login div#login form#loginform:before {
    content: "Kirjaudu";
    font-size: 40px;
	margin-bottom: 60px;
	margin-left: 8px;
	display: block;
	color: #ff523c;
	text-transform: uppercase;
}

@media only screen and (max-width: 800px) {
	body.login div#login form#loginform:before {
		font-size: 30px;
	}
}

body.login div#login form#loginform p {
	max-width: 400px;
    margin: 0 auto;
}
body.login div#login form#loginform p label {
	font-size: 13px;
    text-transform: uppercase;
}
body.login div#login form#loginform input {}
body.login div#login form#loginform input#user_login, 
body.login div#login form#loginform input#user_pass {
	box-shadow: 0 0 0;
	background: white;
	padding: 5px 10px;
	margin-top: 7px;
}

@media only screen and (min-width: 800px) {
	body.login div#login form#loginform p:first-child label:before {
		position: relative;
		content: url(../../images/user-icon@2x.png);
		top: -100px;
		margin-left: -100px;
		display: block;
		height: 0;
	}
}

body.login div#login form#loginform p.forgetmenot {
	float: none;
}
body.login div#login form#loginform p.forgetmenot input#rememberme {}
body.login div#login form#loginform p.submit {}
body.login div#login form#loginform p.submit input#wp-submit {
    background: #c7d6d2;
    color: #004B57;
    border: 0;
    border-radius: 0;
    text-shadow: 0 0 0;
    box-shadow: 0 0 0;
    float: none;
    margin: 0 auto;
    display: block;
    margin-top: 10%;
    height: 53px;
    width: 160px;
    font-size: 14px;
    font-family: "panton-bold";
	padding: 0;
	text-transform: uppercase;
}
body.login div#login p#nav {
    background: white;
    margin: 0;
    padding-bottom: 20px;
}
body.login div#login p#nav a:hover {color: #004B57}
body.login div#login p#backtoblog {display: none;}
body.login div#login p#backtoblog a {}