/**
 * Responsive Overrides and Breakpoints Module
 *
 * @package Tech_Chartered
 * @since 1.0.0
 */

/* Breakpoint 1440px (Desktop Large) */
@media (max-width: 1440px) {
	.tech-chartered-container {
		max-width: 1280px;
	}
}

/* Breakpoint 1200px (Laptop) */
@media (max-width: 1200px) {
	.tech-chartered-container {
		max-width: 960px;
		padding-left: 24px;
		padding-right: 24px;
	}

	h1 {
		font-size: 2.25rem;
	}
}

/* Breakpoint 992px (Tablet Landcape / Navigation breakpoint) */
@media (max-width: 992px) {
	.tech-chartered-container {
		max-width: 720px;
	}

	h1 {
		font-size: 2rem;
	}

	h2 {
		font-size: 1.75rem;
	}

	.tech-chartered-footer {
		padding: 60px 0 30px;
	}
}

/* Breakpoint 768px (Tablet Portrait) */
@media (max-width: 768px) {
	.tech-chartered-container {
		max-width: 540px;
		padding-left: 16px;
		padding-right: 16px;
	}

	h1 {
		font-size: 1.75rem;
	}

	h2 {
		font-size: 1.5rem;
	}

	blockquote {
		padding: 1rem 1.25rem;
		font-size: 1rem;
	}
}

/* Breakpoint 576px (Mobile Landscape & Portrait) */
@media (max-width: 576px) {
	.tech-chartered-container {
		max-width: 100%;
	}

	h1 {
		font-size: 1.5rem;
	}

	h2 {
		font-size: 1.35rem;
	}

	.tech-chartered-btn {
		width: 100%;
		text-align: center;
	}

	.tech-chartered-footer-bottom {
		margin-top: 40px;
		padding-top: 20px;
	}
}