/* General */

html { font-family: 'Ubuntu' }
* { box-sizing: border-box }

.justify-content-center { justify-content: center }
.align-items-center { align-items: center }

.flex-column { flex-direction: column }
.d-flex { display: flex }

.h-100 { height: 100% }
.w-100 { width: 100% }

/* Color */

:root {
	--c-primary: #004985;
	--c-secondary: #E20026;
	--c-gray: #566275;
}

.c-primary { color: var(--c-primary) }
.c-secondary { color: var(--c-secondary) }
.c-gray { color: var(--c-gray) }
.c-black { color: black }

.bg-primary { background-color: var(--c-primary) }
.bg-secondary { background-color: var(--c-secondary) }
.bg-gray { background-color: var(--c-gray) }

/* Spacing */

.mb-100 { margin-bottom: 100px }
.mt-100 { margin-top: 100px }
.mb-50 { margin-bottom: 50px }
.mt-50 { margin-top: 50px }
.mb-25 { margin-bottom: 25px }
.mt-25 { margin-top: 25px }
.m-0 { margin: 0 }

.pb-100 { padding-bottom: 100px }
.pt-100 { padding-top: 100px }
.pb-50 { padding-bottom: 50px }
.pt-50 { padding-top: 50px }
.pb-25 { padding-bottom: 25px }
.pt-25 { padding-top: 25px }
.p-20 { padding: 20px }
.p-0 { padding: 0 }

/* Typography */

.text-center { text-align: center }
b, p {
	line-height: 1.8rem;
	font-size: 1.2rem;
}

.no-highlight {
	text-decoration: none;
}

@media (max-width: 991px) {
	html {
		font-size: 75%;
	}
}

ul {
	line-height: 2;
}

/* Responsive */

@media (min-height: 800px) {
	.wrapper {
		align-items: center;
	}
}

/* Fonts */

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-display: swap;
	font-weight: 400;
	src: url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-display: swap;
	font-weight: 400;
	src: url('../fonts/ubuntu-v20-latin-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-display: swap;
	font-weight: 500;
	src: url('../fonts/ubuntu-v20-latin-500.woff2') format('woff2');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-display: swap;
	font-weight: 500;
	src: url('../fonts/ubuntu-v20-latin-500italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-display: swap;
	font-weight: 700;
	src: url('../fonts/ubuntu-v20-latin-700.woff2') format('woff2');
}

@font-face {
	font-family: 'Ubuntu';
	font-style: italic;
	font-display: swap;
	font-weight: 700;
	src: url('../fonts/ubuntu-v20-latin-700italic.woff2') format('woff2');
}

