.logoIndex
{
	pointer-events: none;
	/*position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -75%);*/
}


h1.welcome
{
	text-align: center;
	font-size: 1em;
	color: #EDEBE8;
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	background-color:#121C26;
	border-style: solid;
	border-width: .05em;
	border-radius: .5em;

	max-width: 50em;
}



.navigationIndex
{
	padding: 1em;
	max-width: 50em;
}

.row
{
	display: flex;
	width: 100%;
	margin: 0em;
	margin-left: 0em;
}

.row.top
{
	height: 8em;
	font-size: 2em;
	line-height: 8em;
	margin: 0em;
}

.row.bottom
{
	height: 4em;
	font-size: 2em;
	line-height: 4em;
	margin: 0em;
}

.row a
{
	display: block;
	width: 50%;
	background-color: #213346;
	margin: .1em;
	border-radius: .1em;
	text-align: center;
	color:#EDEBE8;
	text-decoration: none;
}


.one
{
	background-image: none;
}
.one:hover
{
	background-color: #edebe8c9;
	color: #121C26;
	font-weight: bold;
}

.two
{
	background-image: none;
}
.two:hover
{
	background-color: #edebe8c9;
	color: #121C26;
	font-weight: bold;
}

.three
{
	background-image: none;
}
.three:hover
{
	background-color: #edebe8c9;
	color: #121C26;
	font-weight: bold;
}

.four
{
	background-image: none;
}
.four:hover
{
	background-color: #edebe8c9;
	color: #121C26;
	font-weight: bold;
}