* {
		box-sizing: border-box;
	}

	body {
		font-family: "Lato", Arial, Helvetica, sans-serif;
		text-align: center;
	}

	@media only screen and (min-width: 1000px) {
		.col {
			width: 33%;
			float: left;
			height: 100%;
		}
	}

	#input-display {
		height: 75vh;
		min-height: 650px;
	}

	#pe-boxes,
	textarea {
		width: 90%;
		font-size: 9pt;
		font-family: Arial, Helvetica, sans-serif;
	}

	.row {
		padding: 20px 0px;
	}

	.col-50 {
		float: left;
		width: 50%;
	}

	.row:after {
		content: "";
		display: table;
		clear: both;
	}

	.col-100 {
		margin: 20px 0px 0px 0px;
		width: 100%;
		position: relative;
	}

	#age,
	#duration {
		width: 40px;
	}

	#pmh,
	#chiefComplaint,
	.longerInput {
		width: 90%;
	}

	#hpi-section {
		background-color: rgb(225, 237, 241);
	}

	#pe-section {
		background-color: antiquewhite;
	}

	#mdm-section {
		background-color: #eeeeee;
	}

	label {
		color: darkgray;
		font-size: 11pt;
	}

	h1 {
		color: white;
		background-color: rgb(146, 2, 2);
		padding: 10px 0px;
		margin: 8px 0px;
	}

	select {
		margin: 0px 0px 20px;
		overflow-y: auto;
	}

	button:not(.noteLabel) {
		background-color: gold;
		font-size: 16pt;
		border-radius: 8px;
		margin: 5px 5px 10px;
	}

	pre {
		font-family: Arial, Helvetica, sans-serif;
		text-wrap: wrap;
		padding: 0rem 3rem 0rem 0rem;
		text-align: left;
	}

	ul {
		text-align: left;
	}

	#notes-array-display {
		margin: 1rem 0rem 0rem 0rem;
	}