@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');

html {
    height: 100%;
     box-sizing: border-box;
}
body {
    background: url(login.jpg)no-repeat center center fixed;
    background-size: cover;
    overflow-x: hidden;
}

.sidebar{
    width : 100%;

}    

.loginform{
    margin-top: 20%;     
}

.logo-box{
    width:80%;
    height:auto;
    margin-top: 38%;
}


.form-header{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 45px;
    text-transform: uppercase;

    color: #616161;
}


.heading{
    opacity: 0.8;
}

.text-area2{
    margin-top: 25%;
    letter-spacing: 1px;
    opacity: 0.8;
}

.text{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 35px;

}

.input-field.col label {
    left: -0.25rem;
}


.submit_btn {
    color : #616161;
    padding : 5px;
    border : 3px solid #616161;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 2px;
    background:transparent;
    width : 100%;
    height: 50px;
    transition: all ease 0.7s;
    margin-bottom: 50px;
}


.submit_btn:hover {
    color : white;
    background-color : #616161;
    border:1px solid white;
    letter-spacing: 5px;
}











.footer {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: transparent;
  text-align: right;
  letter-spacing: 1px;
  font-size: 10px;
  margin-top: 100px;
}






@media (max-width: 700px)
{
    body
    {
        background: url(login.jpg)no-repeat center center fixed;
        background-size: cover;
        overflow: auto;
    }
    .sidebar{
        width : 100%;
        height: 1000px;
        z-index:-20;   
        background-color: rgba(0,0,0,0.3);
    }  
    .loginform{
        margin-top: 10%;       
    }




    .form-header{

        font-size: 25px;

    }

    .submit_btn {

        font-size: 15px;
        width : 100%;
        height: auto;

    }



}