body {
    font-family: "Trebuchet MS", Verdana, sans-serif; 
}

.main {
    padding: 0px 10px;
}


.login-main-text h2{
    font-weight: 300;
}

.btn-black{
    background-color: #000 !important;
    color: #fff;
}


h1.logo { 
	display: block; 
	text-indent: -9999em; 
}


/*MOBILE*/	
@media (max-width: 768px) {
	h1.logo { 
	    background: url('../i/logo-empresa-app.png') no-repeat top center; 
	    width: 100%; height: 150px; 
   }

   .sidenav{ display: none;}
   
}

/*DESKTOP*/	
@media (min-width: 768px) {
  
	h1.logo { 
	    background: url('../i/logo-empresa.png') no-repeat top center; 
	    width: 100%; height: 180px; 
        margin: 0 auto 20px auto;
    }

    .main-head{
        height: 150px;
        background: #FFF;       
    }
      
   .main{
        margin-left: 40%; 
    }
    
    .login-main-text{
        margin-top: 20%;
        padding: 60px;
        color: #fff;
    }
    
    
   .sidenav{
        width: 40%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
    
        height: 100%;    
        overflow-x: hidden;
        padding-top: 20px;
        background: linear-gradient(rgba(1, 16, 29, 0.6), rgba(0, 4, 27, 0.6)), url(../i/login-pub.jpg);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

}



.login-form{
    margin-top: 30%;
}

.register-form{
    margin-top: 20%;
}