.mh-invite-form {
	max-width: 600px;
	margin: 2em auto;
	padding: 1em;
	background: #f9f9f9;
	border-radius: 8px;
	box-shadow: 0 0 10px rgba(0,0,0,0.05);
}

.mh-invite-row {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.mh-invite-row label {
	width: 100%;
	font-weight: bold;
	margin-bottom: 0.3em;
}

.mh-invite-row input[type="text"],
.mh-invite-row input[type="email"],
.mh-invite-row input[type="number"] {
	width: 100%;
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 4px;
}

@media (min-width: 480px) {
	.mh-invite-row {
		flex-wrap: nowrap;
		align-items: center;
	}

	.mh-invite-row label {
		width: 200px;
		margin-bottom: 0;
	}

	.mh-invite-row input {
		display:inline-block;
		float:left;
		width: 65%;
	}
}

.checkbox-row {
	align-items: flex-start;
}

.checkbox-row label {
	font-weight: normal;
}