:root {
  --primary: #227b92;
  --secondary: #82aed3;
  --mkf2-primary: #227b92;
  --mkf2-secondary: #82aed3;
  --mkf2-accent: #82aed3;
  --mkf2-ink: #0b1020;
  --mkf2-muted: #64748b;
  --mkf2-soft: #f8fafc;
  --mkf2-border: rgba(2, 6, 23, 0.08);
  --mkf2-r-sm: 10px;
  --mkf2-r-md: 16px;
  --mkf2-r-lg: 20px;
  --mkf2-elev-1: 0 6px 16px rgba(2, 6, 23, 0.08);
  --mkf2-elev-2: 0 14px 36px rgba(2, 6, 23, 0.14);
}
body {
  font-family: Montserrat, Lato;
  background-color: #ffffff;
  color: #555555;
}
h1 {
  font-size: 3rem;
}
.navbar {
  font-size: 0.9rem;
}
.navbar .navbar-brand,
.navbar .nav-link {
  color: #fff;
}
.navbar .navbar-brand img,
.navbar .nav-link img {
  max-width: 120px;
}
.navbar .navbar-brand:hover,
.navbar .nav-link:hover {
  color: #cfeaf6;
}
.nav-tabs .nav-link {
  color: #495057;
}
.nav-tabs:hover .nav-link:hover {
  color: #495057;
}
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus,
.navbar-toggler:active {
  border: none;
  box-shadow: none;
}
.main {
  background-color: #fff;
  padding: 2rem;
}
.carousel img {
  object-fit: cover;
  height: 650px;
}
.modal-body .carousel {
  height: 100%;
}
.modal-body .carousel-inner {
  height: 100%;
}
.modal-body .carousel-item {
  height: 100%;
}
.modal-body .carousel-item img {
  height: 100%;
}
footer {
  background-color: #336699;
  color: #fff;
}
footer p {
  margin: 0;
}
.navbar {
  background-color: #ffffff;
}
.nav-link {
  color: #237b91 !important;
}
.navbar-toggler {
  border: none;
}
.ellipsis {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
footer {
  background-color: #237b91 !important;
}
.btn-primary {
  background-color: #237b91 !important;
  border: none;
}