body {
	font-family: Arial, Helvetica, sans-serif;
}
.borders_enabled {
	border: 1px solid blue;
}
.menu_buttons {
	display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-gap: 100px;
  grid-auto-rows: auto;
}

.menu_buttons a {
	display: block;
}

.menu_button {
	width: 75%;
	min-width: 400px;
	height: auto;
	min-height: 150px;
	//padding: 50 0 50 0;
	border: 1px solid lightgrey;
	font-size: 150px;
	text-align: center;
	justify-self: center;
}

.menu_button_borders {
	border-radius: 25px;
	box-shadow: 3px 3px 5px 5px lightgrey;
	padding: 25px;
}
@media only screen
and (min-device-width : 375px)
and (max-device-width : 812px)
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait)
		{
			body {
				font-size: 30px;
			}
			.menu_buttons {
				display: grid;
			  grid-template-columns: repeat(1, minmax(400px, 1fr));
			  grid-gap: 50px;
			  grid-auto-rows: auto;
			}
			.menu_button {
				font-size: 250px;

				margin-top: 100px;
				margin-bottom: 100px;

			}
			.menu_button_borders {
				border-radius: 25px;
				box-shadow: 3px 3px 10px 10px lightgrey;
			}



		}

div#main_container {
	display: flex;
	justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}

div#visual_wrapper {
	justify-content: center;
  align-items: center;
	border: 1px solid lightgrey;
	width: 250px;
	height: 250px;
}
div#error_msg_container {
display: relative;
width: 100%;
}
div#form_container {
display: relative;

}

#form_container label{
	font-size: 14px;
	display: none;
}

#form_container input {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
}

#header_container_left {
	float: left;
}

#header_container_right {
	float: right; text-align: right;
}
.header_col {
	height:50px;
	width: 49.8%;
}

.row label {
	display: inline-block;
	width: 150px;
}

.row input {
	width: 200px;
}