@media screen and (max-width: 1920px){
    #logar
	{
		margin-top: 7%;
		margin-left: 40%;
    }
	
	body
	{
		background-size:100%;
	}
}


@media screen and (max-width: 1400px){
	#logar
	{
		margin-top: 25%;
		margin-left: 40%;
    }
	body
	{
		background-size:cover;
	}
}

@media screen and (max-width: 900px){
    #logar
    {
		margin-top: 15%;
		margin-left: 8%;
    }
}


html
{
	height: 100%;
}

body
{
	font-family: 'Montserrat', sans-serif !important; 
	width: 100%;
	height: 100%;
	background-image: url("../imagens/laboratorio.jpg");
    background-repeat: no-repeat;
    
}

#transparencia
{
    width: 100%;
    height: 100%;
    opacity: 0.5;
	position: absolute;
    background: #fff;
}

#logar
{
	background: #fff;
	width: 24em !important; 
	padding: 40px; 
	position: absolute;
	z-index: 1;
	border:1px solid #ccc; 
	border-radius: 4px;
    box-shadow: 5px 5px 55px -13px;
}

#logar2
{
	background: #fff;
	width:20em; 
	padding: 40px; 
	position: absolute;
	z-index: 1;
	text-align: center;
	border:1px solid #ccc; 
	border-radius: 4px;
    box-shadow: 5px 5px 55px -13px;
}

#entrar
{
	width: 113px;
	margin-top: 5%;
    margin-left: 62%;
	color: #fff;
	background-color: #005650;
}