.registration-form {
	display: grid;
	grid-template-columns: 1;
	grid-template-rows: 1;
	grid-column-gap: 0px;
	grid-row-gap: 0.5em;
}

@media (min-width: 1280px) {
	.registration-form {
		margin-left: 25%;
		margin-right: 25%;
	}
}

.form-submitted {
	color: Black;
	font-size: Medium;
}

.event-information {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: thistle;
}

.event-id {
	color: Black;
	font-size: Medium;
	padding: 0.25em;
	margin-top: 0.25em;
}

.attendee-information {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: lightblue;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

input {
	width: 100%;
	box-sizing: border-box;
}

.attendee-boxtitle {
	grid-area: 1 / 1 / 2 / 3;
	padding: 0.5em;
	margin-bottom: 0;
}

.attendee-firstname {
	grid-area: 2 / 1 / 3 / 2;
	padding: 0.5em;
	text-align: left;
}

.attendee-lastname {
	grid-area: 2 / 2 / 3 / 3;
	padding: 0.5em;
	text-align: left;
}

.attendee-title {
	grid-area: 3 / 1 / 4 / 3;
	padding: 0.5em;
	text-align: left;
}

.attendee-email {
	grid-area: 4 / 1 / 5 / 2;
	padding: 0.5em;
	text-align: left;
}

.attendee-phone {
	grid-area: 4 / 2 / 5 / 3;
	padding: 0.5em;
	text-align: left;
}

.business-information {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: lightblue;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(5, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.business-boxtitle {
	grid-area: 1 / 1 / 2 / 3;
	padding: 0.5em;
}

.business-name {
	grid-area: 2 / 1 / 3 / 3;
	padding: 0.5em;
	text-align: left;
}

.business-type {
	grid-area: 3 / 1 / 4 / 3;
	padding: 0.5em;
	text-align: left;
}

.business-email {
	grid-area: 4 / 1 / 5 / 2;
	padding: 0.5em;
	text-align: left;
}

.business-phone {
	grid-area: 4 / 2 / 5 / 3;
	padding: 0.5em;
	text-align: left;
}

.business-website {
	grid-area: 5 / 1 / 6 / 2;
	padding: 0.5em;
	text-align: left;
}

.business-fax {
	grid-area: 5 / 2 / 6 / 3;
	padding: 0.5em;
	text-align: left;
}

.main-addr-information {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: lightblue;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.main-addr-address {
	grid-area: 1 / 1 / 2 / 4;
	padding: 0.5em;
	text-align: left;
}

.main-addr-city {
	grid-area: 2 / 1 / 3 / 2;
	padding: 0.5em;
	text-align: left;
}

.main-addr-state {
	grid-area: 2 / 2 / 3 / 3;
	padding: 0.5em;
	text-align: left;
}

.main-addr-zip {
	grid-area: 2 / 3 / 3 / 4;
	padding: 0.5em;
	text-align: left;
}

.local-addr-information {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 0.5em;
	background-color: lightblue;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.local-addr-address {
	grid-area: 1 / 1 / 2 / 4;
	padding: 0.5em;
	text-align: left;
}

.local-addr-city {
	grid-area: 2 / 1 / 3 / 2;
	padding: 0.5em;
	text-align: left;
}

.local-addr-state {
	grid-area: 2 / 2 / 3 / 3;
	padding: 0.5em;
	text-align: left;
}

.local-addr-zip {
	grid-area: 2 / 3 / 3 / 4;
	padding: 0.5em;
	text-align: left;
}

.register-button {
	border: 1px solid gray;
	border-radius: 0.5em;
	padding: 1em;
	color: Black;
	font-size: Medium;
	background-color: LightGray;
	width: 20em;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5em;
}