@media screen and (min-width: 631px) {
    .columns-area {
        max-width: 100%;
    }

    .column {
        flex: 1 1 100%;
        min-width: 320px;
    }
}

.landing-page__mascot img {
  height: 150px;
  width: auto;
}

.drawer__inner__mastodon > img {
  width: 100%;
}

.navigation-panel__logo,
.ui__header__logo .logo,
.logo.logo--icon,
.logo.logo--wordmark {
  display: none !important;
}

.user-role-1 {
  --user-role-accent: #1a5fb4;
}

.user-role-3 {
  --user-role-accent: #a7152e;
}

.user-role-6 {
  --user-role-accent: #986a44;
}

.user-role-5 {
  --user-role-accent: #e5a50a;
}