@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@800&family=Fira+Sans:wght@300;400;500;700&display=swap);

button:focus-visible {
	outline: 5px auto #000!important
}

*,
:after,
:before {
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0!important
}

h1 {
	margin-top: 0;
	margin-bottom: .5rem
}

p {
	margin-top: 0;
	margin-bottom: 1rem
}

ol,
ul {
	margin-bottom: 1rem
}

ol,
ul {
	margin-top: 0
}

ol ul {
	margin-bottom: 0
}

blockquote {
	margin: 0 0 1rem
}

strong {
	font-weight: bolder
}

a {
	color: #5472d0;
	background-color: transparent
}

a:hover {
	color: #2e4ca9;
	text-decoration: underline
}

img {
	border-style: none
}

img {
	vertical-align: middle
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer
}

::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button
}

:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #007bff;
	--secondary: #6c757d;
	--success: #28a745;
	--info: #17a2b8;
	--warning: #ffc107;
	--danger: #dc3545;
	--light: #fff;
	--dark: #343a40;
	--primary-1: #5472d0;
	--primary-2: #6f5eda;
	--primary-3: #373737;
	--optional: #efeffb;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 1205px;
	--breakpoint-xl: 1500px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

h1 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

h1 {
	font-size: 3.75rem
}

.container,
.container-fluid {
	width: 100%;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto
}

@media (min-width:576px) {
	.container {
		max-width: 540px
	}
}

@media (min-width:768px) {
	.container {
		max-width: 720px
	}
}

@media (min-width:1205px) {
	.container {
		max-width: 1185px
	}
}

@media (min-width:1500px) {
	.container {
		max-width: 1440px
	}
}

.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before {
	border-color: #28a745
}

.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label:before {
	border-color: #dc3545
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #545b62;
	border-color: #4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}

.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #1e7e34;
	border-color: #1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}

.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #117a8b;
	border-color: #10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}

.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #bd2130;
	border-color: #b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #e6e6e6;
	border-color: #dfdfdf
}

.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(222, 222, 223, .5)
}

.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #1d2124;
	border-color: #171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}

.btn-primary-1:not(:disabled):not(.disabled).active,
.btn-primary-1:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #3455bd;
	border-color: #3151b3
}

.btn-primary-1:not(:disabled):not(.disabled).active:focus,
.btn-primary-1:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(110, 135, 215, .5)
}

.btn-primary-2:not(:disabled):not(.disabled).active,
.btn-primary-2:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #4a35d0;
	border-color: #442eca
}

.btn-primary-2:not(:disabled):not(.disabled).active:focus,
.btn-primary-2:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(133, 118, 224, .5)
}

.btn-primary-3:not(:disabled):not(.disabled).active,
.btn-primary-3:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #1e1e1e;
	border-color: #171717
}

.btn-primary-3:not(:disabled):not(.disabled).active:focus,
.btn-primary-3:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(85, 85, 85, .5)
}

.btn-optional:not(:disabled):not(.disabled).active,
.btn-optional:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #c6c6f1;
	border-color: #bcbcee
}

.btn-optional:not(:disabled):not(.disabled).active:focus,
.btn-optional:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(208, 209, 220, .5)
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}

.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #28a745;
	border-color: #28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #17a2b8;
	border-color: #17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}

.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}

.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem hsla(0, 0%, 100%, .5)
}

.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #343a40;
	border-color: #343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}

.btn-outline-primary-1:not(:disabled):not(.disabled).active,
.btn-outline-primary-1:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #5472d0;
	border-color: #5472d0
}

.btn-outline-primary-1:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary-1:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(84, 114, 208, .5)
}

.btn-outline-primary-2:not(:disabled):not(.disabled).active,
.btn-outline-primary-2:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #6f5eda;
	border-color: #6f5eda
}

.btn-outline-primary-2:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary-2:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(111, 94, 218, .5)
}

.btn-outline-primary-3:not(:disabled):not(.disabled).active,
.btn-outline-primary-3:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #373737;
	border-color: #373737
}

.btn-outline-primary-3:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary-3:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(55, 55, 55, .5)
}

.btn-outline-optional:not(:disabled):not(.disabled).active,
.btn-outline-optional:not(:disabled):not(.disabled):active {
	color: #212529;
	background-color: #efeffb;
	border-color: #efeffb
}

.btn-outline-optional:not(:disabled):not(.disabled).active:focus,
.btn-outline-optional:not(:disabled):not(.disabled):active:focus {
	box-shadow: 0 0 0 .2rem rgba(239, 239, 251, .5)
}

.custom-control-input:focus:not(:checked)~.custom-control-label:before {
	border-color: #80bdff
}

.custom-control-input:not(:disabled):active~.custom-control-label:before {
	color: #fff;
	background-color: #b3d7ff;
	border-color: #b3d7ff
}

.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}

.navbar-brand:focus,
.navbar-brand:hover {
	text-decoration: none
}

.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	opacity: .75
}

.overflow-hidden {
	overflow: hidden!important
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
}

.my-2 {
	margin-top: .5rem!important
}

.my-2 {
	margin-bottom: .5rem!important
}

.mt-3 {
	margin-top: 1rem!important
}

.mt-6 {
	margin-top: 4.5rem!important
}

.pl-1 {
	padding-left: .25rem!important
}

.pt-5 {
	padding-top: 3rem!important
}

.pb-5 {
	padding-bottom: 3rem!important
}

.pl-6 {
	padding-left: 4.5rem!important
}

.py-6 {
	padding-top: 4.5rem!important
}

.pr-6 {
	padding-right: 4.5rem!important
}

.py-6 {
	padding-bottom: 4.5rem!important
}

.text-center {
	text-align: center!important
}

.text-light {
	color: #fff!important
}

@media print {
	*,
	:after,
	:before {
		text-shadow: none!important;
		box-shadow: none!important
	}
	a:not(.btn) {
		text-decoration: underline
	}
	blockquote {
		border: 1px solid #adb5bd;
		page-break-inside: avoid
	}
	img {
		page-break-inside: avoid
	}
	p {
		orphans: 3;
		widows: 3
	}
	@page {
		size: a3
	}
	.container,
	body {
		min-width: 1205px!important
	}
}

body,
html {
	font-family: "Fira Sans", sans-serif;
	font-weight: 300
}

h1 {
	font-family: "Barlow", sans-serif;
	font-weight: 800
}

h1 {
	font-size: 36pt
}

a,
strong {
	font-weight: 500
}

a {
	text-decoration: none
}

.centered {
	display: grid;
	justify-content: center
}

.centered {
	place-items: center;
	grid-auto-flow: column
}

.centered-column {
	display: grid;
	place-items: center;
	align-content: center;
	grid-auto-flow: row
}

@font-face {
	font-family: Lato-Regular;
	font-style: normal;
	src: url(/fonts/lato/Lato-Regular.ttf) format("truetype"), url(/fonts/lato/Lato-Regular.woff2) format("woff2");
	font-weight: 300
}

@font-face {
	font-family: Lato-Medium;
	font-style: normal;
	src: url(/fonts/lato/Lato-Medium.ttf) format("truetype"), url(/fonts/lato/Lato-Medium.woff2) format("woff2");
	font-weight: 300
}

@font-face {
	font-family: Lato-Bold;
	font-style: bold;
	src: url(/fonts/lato/Lato-Bold.ttf) format("truetype"), url(/fonts/lato/Lato-Bold.woff2) format("woff2");
	font-weight: 500
}

@font-face {
	font-family: Barlow-Extrabold;
	font-style: bold;
	src: url(/fonts/barlow/Barlow-ExtraBold.ttf) format("truetype"), url(/fonts/lato/Barlow-ExtraBold.woff2) format("woff2");
	font-weight: 700
}

@font-face {
	font-family: Barlow-Bold;
	src: url(/fonts/barlow/Barlow-Bold.ttf) format("truetype"), url(/fonts/lato/Barlow-Bold.woff2) format("woff2")
}

body,
html {
	font-family: "Lato-Regular", Times, serif
}

h1 {
	font-size: 60px
}

h1 {
	font-family: "Barlow-Extrabold", Times, serif
}

p {
	font-family: "Lato-Regular", Times, serif
}


strong {
	font-family: "Lato-Bold", Times, serif
}

ul li {
	font-family: "Lato-Regular", Times, serif
}

a,
ul li {
	font-size: 16px
}

a {
	font-family: "Lato-Bold", Times, serif
}

body {
	background-color: #f9f9f9
}

#root {
	position: relative;
}

a.room-logo {
	position: absolute;
	left: 50vw;
	top: 2rem;
	margin-left: -600px;
}

a.room-logo img {
	/* width: 18.4rem; */
	width: 6.4rem;
	/* height: 12rem; */
	height: 4.18rem;
}

@media (max-width:1200px) {
	a.room-logo {
		margin-left: -360px;
	}
}

@media (max-width:768px) {
	a.room-logo {
		margin-left: -3.2rem;
	}
}