body {
    font-family: 'Lato', sans-serif;
    background: url(../images/map-bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
h2{
    margin: 0px;
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #3c4041;
     font-size: 1.3em;
    text-align:center;

}
.login_form_wrap {
    margin: 0 auto;
    /*width: 20%;*/
    /*background: white;*/
    /*-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);*/
    /*-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);*/
    /*box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.3);*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: rgba(255,255,255,0.92);
    display: inline-block;
    padding: 20px;
    border: 1px solid #2a2a2a;
    margin-top:5%;
    box-shadow: 10px 10px 5px rgba(4,4,4,0.55);
}

section#user {
    width: 35%;
    margin: 0 auto;
}

.login_form_header {
    padding: 0;
}

form {
    padding: 0;
    margin: 0 auto;
}

#loginDesc {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    color: #757575;
    font-style:italic;
    margin: 0px;
    text-align: center;
}

/*.input {
      display: inline-block;
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      padding: 16px 20px;
      border: 1px solid #b7b7b7;
      -webkit-border-radius: 50px;
      border-radius: 50px;
      color: rgba(0,142,198,1);
    text-transform:uppercase;
    letter-spacing: 1px;
      -o-text-overflow: clip;
      text-overflow: clip;
      background: rgba(252,252,252,1);
      -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.2) inset;
      box-shadow: 0 0 0 0 rgba(0,0,0,0.2) inset;
      text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
    width: 90%;

}*/

.input {
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
     /*text-transform:uppercase;*/
    letter-spacing: 1px;
  width: 95%;
  cursor:text;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 16px 20px;
  overflow: hidden;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: rgba(140,140,140,1);
  text-decoration: normal;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background:white;
  border: 1px solid #b7b7b7;
  -webkit-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -moz-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -o-transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  transition: all 502ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
}

.input:hover {
  color: rgba(181,181,181,1);
  background: #fafafa;
  -webkit-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -moz-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -o-transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  transition: all 500ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
}

.input:focus {
  width: 100%;
  cursor: default;
  padding: -13px 20px 0;
  color: rgba(181,181,181,1);
  -webkit-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -moz-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  -o-transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
  transition: all 601ms cubic-bezier(0.68, -0.75, 0.265, 1.75);
     outline-width: 0;
}

.btn {
    text-transform:uppercase;
   letter-spacing: 1px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 95%;
  padding: 16px 0px;
  cursor: pointer;
  margin: 0 auto;
  border: 2px solid #9cde34;
  -webkit-border-radius: 50px;
  border-radius: 50px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
  color: white;
  text-align: center;
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #9cde34;
  -webkit-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -moz-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  -o-transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
  transition: background-color 0.3s cubic-bezier(0, 0, 0, 0), color 0.3s cubic-bezier(0, 0, 0, 0), width 0.3s cubic-bezier(0, 0, 0, 0), border-width 0.3s cubic-bezier(0, 0, 0, 0), border-color 0.3s cubic-bezier(0, 0, 0, 0);
}

.btn:hover {
  color: rgba(255,255,255,1);
  background: #9ad142;
}

.btn:active {
   color: rgba(255,255,255,1);
  background: #9ad142;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.btn:focus {
outline-width: 0;
}

@media (max-width: 1565px) {
    .login_form_wrap {
        width: 30%;
    }
}

@media (max-width: 1050px) {
    .login_form_wrap {
        width: 50%;
    }
}

@media (max-width: 680px) {
    .login_form_wrap {
        width: 70%;
    }
}

@media (max-width: 565px) {
    .login_form_wrap {
        width: 98%;
    }
}

@media (max-width: 565px) {
    .login_form_wrap {
        width: 100%;
        box-shadow: none;
    }
    body {
        background: white;
    }
}