form.report {
	display: flex;
	flex-direction: column;
	width: 600px;
	margin: 0 auto;
	align-items: center;
	max-width: 600px;
	width: 90%;
}

label.report-label {
	align-self: flex-start;
}

input.report-input {
	margin-bottom: 1em;
	width: 100%;
}

select.report-select {
	margin-bottom: 1em;
	width: 100%;
}

textarea.report-comment {
	margin-bottom: 1em;
	width: 100%;
	height: 5em;
}

.g-recaptcha {
	margin-bottom: 1em;
}

#report-message {
	background: #6BB6D9;
	position: relative;
	top: -1rem;
	left: -10%;
	right: 0;
	width: 120%;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 2em;
}
@media screen and (min-width: 768px) and (orientation: landscape) {
	#report-message {
		position: absolute;
		top: 4.25rem;
		left: 0;
		max-width: 100%;
	}
}