@media (min-width: 400px) {

#txt {
	font-size: 2rem;
	}

#txtWrong {
	color: #f00;
	font-size: 1.5rem;
	}


#formDiv {
	font-size: 2rem;
	margin: auto;
	/* margin-top: calc(50vh - 350px); */
	margin-top: 3rem;
	width: 30rem;
	text-align: center;
	}


.input {
	text-align: center;
	font-size: 2rem;
	color: #222;
	background: #fff;
	font-weight: 300;
	border-radius: 2px;
	width: 80%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1.1em 1.3em !important;
	border: 1px solid #aaa !important;
}


.submit {
	font-size: 1.5rem;
	color: #222;
	background: #ddd;
	text-transform: uppercase;
	font-weight: 300;
	border-radius: 2px;
	border: 1px solid #333;
	width: 80%;
	padding: 1.1em 1.3em !important;
}

.submit:hover {
	background: #ccc;
}


}

@media (min-width: 768px) {
	.input {
		font-size: 1.5rem;
	}
	.submit {
		font-size: 1.5rem;
	}

#txt {
	font-size: 2rem;
	}

}

.logomain {
display:block;
margin: 0 auto;
margin-top: 4rem;
margin-bottom: 4rem;
width: 15rem;
}