@charset "UTF-8";

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    font-size: 1.0em;
    font-family:'Roboto', sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: #E42129
}

div:focus {outline:none !important;}

img {
    position: relative; display: block; margin-left: auto; margin-right: auto;   
}

.login-form {
    position: relative; width: 300px; margin-left: auto; margin-right: auto; color: #515151; background-color: #ececec; box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28); border-radius:2px; padding: 25px;
}

#logo {
    height: 120px; top: 50px; 
}

h1, h2, h3 {
    font-weight: 400;
}

#main {
    top: 100px;
}

#err {
    width: 80%; color: #E42129; margin-bottom: 25px;
}

input {
    width: 100%; padding: 5px; display: block; margin-left: auto; margin-right: auto; outline: none; font-size: 1em; font-weight: 100; border: 1px solid #d3d3d3; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0px;
}

#password {
    border-top: none;
}

.row, p, h1, h2, h3 {
    margin-bottom: 15px;
}

button {
    height: 45px; width: 100%; display: block; margin: 25px 0 20px 0; outline: none; font-size: 1em; background-color: #E42129; border:none; color: #fff; border-radius: 2px;
}

a {
    color:#E42129; position:relative; text-decoration:none; font-size: 0.9em; font-weight: 100; display: block; margin-bottom: 5px;
}

@media screen and (max-width: 600px) {
    /* overwrite styles here for mobile */
}