@font-face { font-family: InterRegular; src: url(./../../fonts/Inter-Regular.otf); font-display: swap; }
@font-face { font-family: InterBlack; src: url(./../../fonts/Inter-Black.otf); font-display: swap; }
@font-face { font-family: InterBlack; src: url(./../../fonts/Inter-Black-Italic.otf); font-style: italic; font-display: swap; }

* { box-sizing: border-box; }
html, body { padding: 0; margin: 0; min-width: 400px; height: 100%; }
html { font-size: 10px; }
body { background: #f3f3f3; font-size: 2rem; font-family:  InterRegular, sans-serif; line-height: 1.4; display: flex; flex-direction: column; }
p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }
img { max-width: 100%; width: auto; }
ul li, ol li { margin-bottom: 1em; }

.top0 { margin-top: 0; }
.top20 { margin-top: 20px; }
.bot0 { margin-bottom: 0; }
.no-margin { margin: 0; }

.max-width-870 { max-width: 870px; } 

.clear { clear: both; }
.center { text-align: center; }
.strong { font-weight: 600; }
.italic { font-style: italic; }
.no-select { -webkit-touch-callout: none;  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.header, .footer, .page { max-width: 1920px; width: 100%; margin: 0 auto; }
.page { flex-grow: 1; }

.footer { font-family: InterRegular; font-size: 1.5rem; padding: 2rem 3% 2.5rem; background-color: #252525; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }
.footer a { color: #3484f4; text-decoration: none; }
.footer a:hover { color: #4792fa; }
.footer-logo { max-width: 160px; }
.footer-menu { margin: 0.5rem 0 1rem; }
.footer-menu ul { display: flex; align-items: center; justify-content: space-between; list-style: none; margin: 0; padding: 0; }
.footer-menu ul li { margin: 0 1rem 0 0; padding: 0; }
.footer-menu ul li:last-child { margin-right: 0; }