:root {
  --bs-primary: #ff0000;
  --bs-primary-rgb: 26, 188, 156;
}

.fs-24 {font-size:2.4rem;}
.fs-22 {font-size:2.2rem;}
.fs-20 {font-size:2rem;}
.fs-18 {font-size:1.8rem;}
.fs-16 {font-size:1.6rem;}
.fs-14 {font-size:1.4rem;}
.fs-12 {font-size:1.2rem;}
.fs-11 {font-size:1.1rem;}
.fs-09 {font-size:.9rem;}
.fs-08 {font-size:.8rem;}
.fs-07 {font-size:.7rem;}
.fs-06 {font-size:.6rem;}
.fs-05 {font-size:.5rem;}
.fw-900 {font-weight:900;}
.ls-01 {letter-spacing:0.1rem;}

.col1 {color:#bb2637;}
.col2 {color:#0079FF;}
.bg1, .bg-red {background-color:#bb2637;}
.bg2, .bg-blue {background-color:#0079FF;}
.bg3, .bg-green {background-color:#87A922;}
.bg4, .bg-orange {background-color:#ec863c;}
.bg5, .bg-purple {background-color:#b83895;}
.bg6, .bg-dblue {background-color:#2b467d;}
.bg7, .bg-yellow {background-color:#fdbd15;}
.bg8, .bg-lblue {background-color:#5479bf;}
.bg9, .bg-dred {background-color:#80011f;}

html, body {font-family: 'Roboto', sans-serif;min-height:100vh;
background: #EEEEEE;
background: -webkit-linear-gradient(145deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 75%, rgba(29, 59, 107, 1) 100%);
background: -moz-linear-gradient(145deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 75%, rgba(29, 59, 107, 1) 100%);
background: linear-gradient(145deg, rgba(238, 238, 238, 1) 0%, rgba(238, 238, 238, 1) 75%, rgba(29, 59, 107, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EEEEEE", endColorstr="#1D3B6B", GradientType=0);}

.navbar {background:#fff;border-bottom:1px solid #ccc;}
.navbar img.logo {height:3rem;}
.navbar button.navbar-toggler {border:0;}

@media only screen and (max-width: 768px) {
	.navbar img.logo {height:3rem;}
	.navbar .navbar-toggler img {height:1.5rem;}
}
@media only screen and (max-width: 768px) and (orientation:landscape) {
	.navbar img.logo {height:3rem;}
	.navbar .navbar-toggler img {height:2rem;}
}