@import url("about.css");
@import url("about-m.css");
@import url("logo.css");
@import url("mission.css");
@import url("symbols.css");
@import url("values.css");
@import url("principles.css");
@import url("brands.css");
@import url("partner.css");
@import url("bottom-nav.css");

:root {
	--blue: #0047ba;
	--sect-padding: 0 16px;
}

body {
	font-family: var(--font-primary);
	font-size: 16px;
	line-height: 19.36px;

}

section {
	box-sizing: border-box;
}

.blue-text {
	color: var(--blue);
}

.video {
	position: relative;
	overflow: hidden;
}

video {
	width: 100%;
	object-fit: cover;
}

@media screen and (min-width: 1024px) {
	:root {
		--sect-padding: 0 100px;
	}
	body {
		line-height: 22.4px;
	}

}
@media screen and (min-width: 1920px) {
	:root {
		--sect-padding: 0 calc((100% - 1720px) / 2);
	}
}