/*==================== LOGIN SCREEN =====================*/
.login_logo {
  background: url('/styles/logo.png') no-repeat;
  width: 173px;
  height: 63px;
}

.login_body {
  background:#FFFFFF url('/styles/su_bg.jpg') no-repeat scroll center top;
  display: block;
  margin:0;
  padding:0;
}

.login_form {
cursor: default;
background:
#FFFFFF;
border-radius: 22px;
font: normal normal 400 14px/20px "Trebuchet MS";
width: 45em;
max-width: 90%;
padding: 2em;
margin: 10em auto 0 auto;
}

.login_input {
border: 1px solid
#8A8A8A;
border-radius: 7px;
color:
#5F5F5F;
font: 25px "Trebuchet MS";
margin: 10px 0px;
padding: 10px;
width: 100%;
height: auto;
}

.login_submit {
background:
#3F86CF;
border: 1px solid
#8A8A8A;
border-radius: 7px;
color:
#FFFFFF;
display: block;
font: 25px "Trebuchet MS";
margin: 10px 0px;
padding: 10px;
position: relative;
text-align: center;
text-decoration: none;
width: 100%;
height: auto;
}

.login_submit:active {background:#8DC9E0;}

/* ================ HEADERS ==================*/

h1 {
color: #FF0D27;
font: 28px "PFSquareSansProLight", "Trebuchet MS", "Verdana", "Arial", "Tahoma", sans-serif;
margin: 10px 0px 15px;
padding: 5px 0px 0px;
}

h2 {
color: #000000;
font-family: "Trebuchet MS", sans-serif;
font-size: 20px;
margin: 10px 0px 15px;
padding: 0px;
}

h3 {
font:italic 14px "Trebuchet MS", sans-serif;
margin: 0px;
padding: 5px 0px 0px;
color:#323232;
}

h4 {
color:#949494;
font: normal normal 400 14px/20px "Trebuchet MS";
padding: 0px;
margin: 0px;
}

a { cursor:default; text-decoration:none; }
a:link { cursor:default; color:#949494;	 }
a:visited { cursor:default; color:#949494;	 }
a:hover { cursor:default; color:#949494;	 text-decoration:underline; }
a:active {cursor:default; color:#949494;	 text-decoration:underline; }

@media screen and (max-width: 750px) {

.login_form {
width: calc(100% - 4em);
max-width: 100%;
margin: 4em 0;
}
.login_logo {

}
.login_input {

}
.login_submit {

}
}