.dashboard #metabase {
    width: 100%;
    border: none;
    overflow: hidden;
}

.dashboard #metabase.dashboard-hamutuk {
    height: 4950px; /* to do: make this adaptive */
}

.dashboard #metabase.dashboard-organisation {
    height: 5220px; /* to do: make this adaptive */
}

.dashboard #dashboard-toggle {
    float: right;
}

.dashboard h2,
.dashboard .intro {
    /* 24px is the spacing around the iframe */
    margin: 0 24px;
    padding-top: 5rem;
}

.dashboard-public h2 {
    margin: 0px;
    padding-top: 5rem;
    padding-bottom: 3rem;
    text-transform: uppercase;
}

.dashboard-button {
    float: right;
}

.dashboard .intro {
    padding-bottom: 5rem;
}

.background {
    background: #f7f6f6;
}

.dashboard-public .subtitle {
    font-size: 1.5em;
}

.dashboard-public .sign-in {
    float: right;
}

.dashboard-public .display-img {
    display: block;
    max-height: 40vh;
    max-width: 100%;
    margin: 2em auto;
}

@media screen and (max-width: 768px) {
    .dashboard-public .sign-in {
        float: unset;
    }
}