body {
  background-color: rgb(48, 55, 61) !important;
}

#root {
  background-color: white;
}

html,
body {
  height: 100%;
}

#root {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

header,
footer {
  flex-shrink: 0;
}

main {
  flex-grow: 1;
}

@media (max-width: 767px) {
  header .logo {
    height: 2.5rem !important;
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  header .logo {
    height: 5rem !important;
  }
}