@media (min-width: 0px) {
	:root {
		--brand-color-white: rgba(255, 255, 255, 1); /* #FFFFFF */
		--brand-color-1-dark: rgba(34, 108, 166, 1); /* #0057AF */
		--brand-color-2-dark: rgba(0, 87, 175, 1); /* */
		--brand-color-1: rgba(42, 136, 206, 1); /* #2a88ce */
		--brand-color-2: rgba(0, 127, 255, 1); /* #007FFF */
		--brand-color-1c: white; /* #FFFFFF */
		--brand-color-1-transparent: rgba(42, 136, 206, 0.2);
		--brand-color-2-transparent: rgba(0, 127, 255, 0.2);
		--brand-color-1-light: rgb(50, 164, 246); /* #32a4f6 */
		--brand-color-2-light: rgb(82, 166, 250); /* #52a6fa */
		--brand-color-blue-light: #c8cfe2;
		--brand-color-1-pale: rgba(204, 229, 255, 1); /* #CCE5FF */

		--filter-brand-color-1: invert(41%) sepia(92%) saturate(421%) hue-rotate(162deg) brightness(98%) contrast(95%); /* Black to #2a88ce */
	}
}

/* For mobile (portrait and landscape) */
@media (orientation: portrait), (max-width: 960px) {
}