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

body {
	min-width: 0 !important;
}

.container,
.container.small,
.container.big {
	width: 100% !important;
	max-width: 1200px !important;
	min-width: 0 !important;
	padding-left: 1em;
	padding-right: 1em;
}

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

#nav {
	height: auto;
	line-height: 1.4;
	padding: 0.5em 0;
}

#nav ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav li {
	display: inline-block;
	margin: 0.25em 0.25em;
}

#nav li a {
	padding: 0.6em 1em;
	display: inline-block;
}

#banner-wrapper,
#banner-wrapper-about,
#banner-wrapper-contact,
#banner-wrapper-training,
#banner-wrapper-boarding,
#banner-wrapper-facility,
#banner-wrapper-gallery {
	margin-top: 3.5em;
}

section p {
	word-wrap: break-word;
	overflow-wrap: break-word;
}

@media (max-width: 900px) {
	body {
		font-size: 11pt;
		line-height: 1.7em;
	}

	#banner-wrapper,
	#banner-wrapper-about,
	#banner-wrapper-contact,
	#banner-wrapper-training,
	#banner-wrapper-boarding,
	#banner-wrapper-facility,
	#banner-wrapper-gallery {
		min-height: 220px !important;
	}

	#main {
		padding: 2em 0 2em 0 !important;
	}

	#main > .row {
		padding: 1em 0 1em 0 !important;
	}

	#footer {
		padding: 3em 0 3em 0 !important;
	}

	h2.major {
		font-size: 1.35em !important;
		margin: 0 0 1.5em 0 !important;
	}

	h2.major span {
		padding: 0 0.75em !important;
	}

	.row {
		margin-left: 0 !important;
	}

	.row > * {
		padding: 1em 0 0 0 !important;
		float: none !important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.row:first-child > * {
		padding-top: 0 !important;
	}

	#footer img {
		width: 80% !important;
		max-width: 260px;
	}
}

@media (max-width: 480px) {
	#nav li a {
		padding: 0.5em 0.75em;
		font-size: 0.95em;
	}

	h2.major {
		font-size: 1.2em !important;
	}

	#banner-wrapper,
	#banner-wrapper-about,
	#banner-wrapper-contact,
	#banner-wrapper-training,
	#banner-wrapper-boarding,
	#banner-wrapper-facility,
	#banner-wrapper-gallery {
		min-height: 160px !important;
	}
}
