html{
    height: 100%;
}
body{
    font-family: montserrat;
    background-color: #ffffff;
    min-height:100vh;
    position: relative;
    box-sizing: border-box;
    text-align: center;
}


.contener {
	max-width: 1500px;
	width: 100%;
	margin: auto;
	margin-top: 60px;
	flex: 1;
}

label.logo{
    font-family: montserrat;
    font-size: 40px;
    color: #007d00;
/*    font-weight: bold;*/
    padding: 0 40px;
    line-height: 60px;
    text-align: center;
    background-clip: text;
    text-shadow: 2px 2px 4px rgba(0,0,0,.2);
}


.logininfo {
    background-color: #EBF1DE;
	padding:1em;
	border-radius: 10px;
	border:1px solid #94b44f;
	position: relative;
	width: 450px;
	margin: 50px auto;
}


.logininfo input {
	width: 250px;
	padding: 3%;
	border: 1px solid #94b44f;
	border-radius: 4px;
	color: #1b2538;
	font-size: 1.4rem;
	transition: all ease-in-out 0.3s;
	&::-webkit-input-placeholder {
		color: #aaa;
	}
	&::placeholder {
		color: #aaa;
	}
}
.logininfo input:focus {
	border: 1px solid #00a5a0;
	outline: none;
	box-shadow: 0 0 5px 3px #00a5a0;
}



.loginsubmit button {
	width: 250px;
	padding: 2%;
	cursor: pointer;
	border: 1px solid #94b44f;
	border-radius: 4px;
	color: #1b2538;
	font-size: 1.4rem;
}

.loginsubmit button:hover {
	border: 1px solid #00a5a0;
	outline: none;
	box-shadow: 0 0 5px 3px #00a5a0;
}

.loginsubmit button:focus {
	border: 1px solid #00a5a0;
	outline: none;
	box-shadow: 0 0 5px 3px #00a5a0;
}


@media screen and (max-width:500px) {

	label.logo{
	    font-size: 30px;
	}

	.loginsubmit button {
		width: 150px;
		font-size: 1rem;
	}

	.logininfo {
		width: 250px;
	}

	.logininfo input {
		width: 180px;
		font-size: 1rem;
	}


}