/* Firebase/static-site fixes and responsive safety rules. */
html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

img,
video,
iframe,
object,
embed {
	max-width: 100%;
}

iframe {
	border: 0;
}

input,
select,
textarea,
button {
	max-width: 100%;
}

.mobile-navigation-wrapper.is-open {
	display: block !important;
}

.static-form-notice {
	margin-top: 12px;
	padding: 10px 12px;
	border: 1px solid #d9e5d9;
	background: #f7fbf7;
	color: #424242;
	line-height: 1.5;
}

@media only screen and (max-width: 1020px) {
	.topbar-inner,
	.header-inner,
	.navigation-inner,
	.content-wrapper,
	.footer-inner {
		width: calc(100% - 30px);
		max-width: 1150px;
	}

	.header-inner {
		padding: 18px 0;
	}
}

@media only screen and (max-width: 760px) {
	.topbar-inner,
	.header-inner,
	.navigation-inner,
	.content-wrapper,
	.footer-inner {
		width: calc(100% - 24px);
	}

	.logo img {
		height: auto;
		max-width: 100%;
	}

	.content-wrapper table {
		width: 100%;
		table-layout: fixed;
	}

	.content-wrapper table td,
	.content-wrapper table th {
		word-break: break-word;
	}
}