@font-face {
  font-family: 'Gotham';
  src: url("../font/Gotham-Book.otf"); }
@font-face {
  font-family: 'Gotham-Medium';
  src: url("../font/Gotham-Medium.otf"); }
@font-face {
  font-family: 'Gotham-Bold';
  src: url("../font/Gotham-Bold.otf"); }
:root {
  --bodyBackground: rgba(29,33,39, 0.8);
}
body {
	background: var(--bodyBackground);
	font: 1.4em  "Gotham", "Arial", sans-serif;;
}

select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"],
input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"] {
	font-size: inherit;
}

#login h1
{
    width: 245px;
    height: 45px;
    line-height: 800px;
    overflow: hidden;
    margin: 0 auto .75em;
}

#login_panel
{
    background: #FFF;
    border: 1px solid #CCC;
    overflow: hidden;
    max-width: 400px;
    margin: 3rem auto;

    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
    box-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

#login_panel .login_fields {
    padding: 1.5rem;
}
 .responsive-button{
 	width: auto;
 }
 .footer-button,
 .filter-button{
 	 width: 15rem;
 }
 .footer-button,
 .filter-button,
 .responsive-button{
      font-size: 1.2rem;
      margin-right: 1rem;
      padding: 5px 10px;
      text-transform: uppercase;
 }
@media (min-width: 800px){
    #login{
        top: 150px;
        left: 0;
    }
}
/* #login_panel .login_fields { padding: 22px 15px 15px; }
#login_panel .login_fields input { width: 355px; } */

#login_panel .field { margin-bottom: 1.75em; }
#login_panel .field:last-child { margin-bottom: .85em; }

#login_panel .field label { font-weight: bold; color: #555; display: block; position: relative; }
#login_panel .field label small { position: absolute; right: 0; top: -2px; }
#login_panel .field label small a { color: #999; }

#login .login_actions { background: #E8E8E8; width: auto; padding: 12px 15px; border-top: 1px dotted #CCC; }