/*
	Static-site responsive overrides.
	The browser owns the page scrollbar; inner sections do not create
	unwanted horizontal scrolling.
*/

html,
body {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	margin: 0;
}

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

img {
	height: auto;
}

iframe {
	border: 0;
}

.auto-container,
.container,
.page-wrapper,
.main-header,
.main-footer,
section {
	max-width: 100%;
}

@media only screen and (max-width: 767px) {
	.auto-container,
	.container {
		width: 100%;
		max-width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.main-menu .navigation {
		max-width: 100%;
	}

	.main-menu .navigation li {
		max-width: 100%;
	}

	.main-menu .navigation li a {
		white-space: normal;
	}

	table {
		width: 100% !important;
		max-width: 100%;
	}

	th,
	td {
		max-width: 100%;
		word-break: break-word;
	}
}