/* ####################################################################################################################
GENERAL
#################################################################################################################### */

body {
margin: 0 auto;
padding: 0;
font-size: 14px; 
font-family: Arial, Helvetica, Sans-Serif; 
color: #23527c; 
line-height: 150%; 
background: #fff;
}

html {
overflow-y: scroll;
}

/* ####################################################################################################################
HEADER/FOOTER
#################################################################################################################### */

#header, #footer {
width: 100%;
margin: 20px auto;
text-align: center;
background: #fff;
}

#header .claim {
margin-top: 10px;
line-height: 125%;
}

.logo {
width: 20%;
max-width: 200px;
}

#footer {
color: red;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
}

/* ####################################################################################################################
CONTENT 
#################################################################################################################### */

#login {
width: 100%;
margin: 0 auto;
padding: 40px 0;
text-align: center;
background: #0fcbea;
color: #fff;
height: 420px;
}

.box {
width: 100%;
max-width: 1200px;
margin: 0 auto;
text-align: center;
}

h1 {
font-size: 24px;
font-weight: bold;
line-height: 125%;
}

#loginform input {
margin: 10px 0;
}

input[type=text], input[type=password], input[type=button], input[type=submit] {
border: none;
padding: 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 18px;
margin: 4px 2px;
}

input[type=text], input[type=password] {
background-color: #fff;
color: #23527c;
width: 50%;
max-width: 480px;
border-radius: 40px;
}

input[type=button], input[type=submit] {
background-color: #0c0b3e;
color: #fff;
width: 56%;
max-width: 520px;
text-transform: uppercase;
font-size: 16px;
font-weight: bold;
letter-spacing: 1px;
padding: 22px;
border-radius: 40px;
height: 50px;
}

input[type=submit] {
height: 60px;
}

input.cancel {
background-color: red;
width: 25%;
max-width: 240px;
font-size: 12px;
padding: 16px;
}

@media only screen and (max-width: 480px) {
    
    input.cancel {
        width: 56%;
		max-width: 520px;
	}
}