/* Responsive — Pokémon CZ theme */

@media screen and (max-width: 1300px) {
	.main { width: min(1100px, 96vw); }
	.banner, .well.banner { height: 250px; }
}

@media screen and (max-width: 1200px) {
	.main { width: min(1000px, 96vw); }
	.banner, .well.banner { height: 230px; }
}

@media screen and (max-width: 1100px) {
	.main { width: min(920px, 96vw); }
	nav .container > div > ul > li > a {
		padding: 0.45rem 0.55rem !important;
		font-size: 0.85rem;
	}
	.banner, .well.banner { height: 210px; }
	.leftPane { width: 68%; }
	.rightPane { width: 32%; }
}

@media screen and (max-width: 900px) {
	.main {
		width: 96vw;
		padding-bottom: 1.5rem;
	}

	nav {
		border-radius: 0 0 12px 12px;
	}

	nav .container {
		flex-direction: column;
		align-items: stretch;
		min-height: 0;
		padding: 0.65rem 0.75rem !important;
	}

	nav .container > .pull-left,
	nav .container > .pull-right {
		width: 100%;
		justify-content: center;
	}

	nav .container > .pull-left > ul,
	nav .container > .pull-right > ul {
		justify-content: center;
		width: 100%;
	}

	nav .container > div > ul > li > a {
		padding: 0.4rem 0.5rem !important;
		font-size: 0.8rem;
	}

	.cz-logo {
		margin: 0 auto 0.35rem;
		display: flex;
		justify-content: center;
		width: 100%;
	}

	.banner, .well.banner {
		height: auto;
		min-height: 200px;
	}

	.cz-hero {
		position: relative;
		padding: 2.5rem 1rem 1.5rem;
	}

	.feedContainer {
		padding: 0.5rem 0 !important;
	}

	.leftPane,
	.rightPane {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}

	.rightPane {
		margin-top: 0.5rem;
	}

	.topPane {
		justify-content: center;
	}

	.g-recaptcha {
		transform: scale(0.9);
		transform-origin: 0 0;
	}
}

@media screen and (max-width: 600px) {
	body {
		background-attachment: scroll;
	}

	nav .container > div > ul > li > a {
		padding: 0.35rem 0.4rem !important;
		font-size: 0.75rem;
	}

	nav .container > div > ul > li > a i {
		margin-right: 0.2rem;
	}

	.cz-logo img {
		height: 34px;
	}

	.banner, .well.banner {
		min-height: 180px;
		border-radius: 12px;
	}

	.cz-hero-title {
		font-size: 1.35rem;
	}

	.cz-btn {
		width: 100%;
		justify-content: center;
		padding: 0.7rem 1rem;
	}

	.cz-hero-actions {
		width: 100%;
		flex-direction: column;
	}

	.well,
	.widget,
	.postHolder .well {
		padding: 0.75rem !important;
		border-radius: 12px;
	}

	table td,
	table th {
		padding: 0.5rem 0.35rem;
		font-size: 0.85rem;
	}

	footer.well,
	footer {
		padding: 1rem !important;
	}

	.cz-footer-inner {
		flex-direction: column;
		text-align: center;
	}

	.cz-footer-social {
		justify-content: center;
	}

	ul.linkbuttons li {
		width: 100%;
		margin-right: 0 !important;
	}

	.g-recaptcha {
		transform: scale(0.78);
		transform-origin: 0 0;
	}
}

@media screen and (max-width: 400px) {
	nav .container > .pull-left > ul > li > a span.cz-nav-label {
		/* reserved if labels wrapped later */
	}

	.g-recaptcha {
		transform: scale(0.65);
		transform-origin: 0 0;
	}
}