.m24logo {
	padding: 32px;
	background-size: contain;
	background-image: url(/imgs/m24c.png);
	background-position: center;
	background-repeat: no-repeat;
}

.view-port {
	width: 98%;
	max-width: 480px;
	height: auto;
	margin: auto;
	margin-top: 1vh;
	border: 8px solid #7389a0;
	border-radius: 16px;
	padding-bottom: 2vh;
}

.mission-statment {
	height: 8vh;
	margin: 4vh auto;
	font-size: 6vh;
	color: #34495e;
}

.mission-statment > div {
	height: 8vh;
	line-height: 8vh;
}

.mission-statment > div:first-child {
	padding-left: 20vw;
	text-align: left;
}

.mission-statment > div:last-child {
	padding-right: 20vw;
	text-align: right;
}

.logo {
	width: 100%;
	height: 12vh;
	line-height: 12vh;
	font-size: 7.2vh;
	font-weight: bold;
	letter-spacing: 2px;
	margin-top: 4vh;
	text-align: center;
	color: #504071;
}

.msg {
	width: 100%;
	height: 4vh;
	line-height: 4vh;
	font-size: 2.4vh;
	text-align: center;
}

.ln {
	width: 100%;
	margin: auto;
	margin-top: 2vh;
	text-align: center;
}

.ln input[type=text],
	.ln input[type=password]{
	font-size: 4vh;
	width: 80%;
	padding: 4px;
	border: 2px solid #44506A;
	border-radius: 1vh;
}

.ln input[type=submit] {
	font-size: 4vh;
	padding: 1vh 2vw;
	border: 1px solid #44506A;
	border-radius: 1vh;
}

.ln input[type=submit]:hover {
	cursor: pointer;
}

.footer {
	width: 80%;
	margin: auto;
	text-align: center;
}

.footer a {
	text-decoration: none;
}

.footer span:nth-child(2) {
}