@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,700;1,300;1,700&display=swap');

body {
	font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
}

h1, h2, h3, strong {
	font-weight: 700;
}

.w-10 { width: 10%!important; }
.w-20 { width: 20%!important; }
.w-30 { width: 30%!important; }
.w-one-third { width: 33.33333333!important% }
.w-40 { width: 40%!important; }
.w-60 { width: 60%!important; }
.w-two-thirds { width: 66.66666666!important% }
.w-70 { width: 70%!important; }
.w-80 { width: 80%!important; }
.w-90 { width: 90%!important; }

.h-25 { min-height: 25vh!important; }
.h-one-third { min-height: 33.33333333vh!important; }
.h-50 { min-height: 50vh!important; }
.h-two-thirds { min-height: 66.66666666vh!important; }
.h-75 { min-height: 75vh!important; }
.h-100 { min-height: 100vh!important; }

.card-body-sm { padding: 0.6666rem}

#Logo {
	max-height: 5rem;
}

#navigation_bar {
	background-color: lavender;
}