@media screen  and (max-width: 1024px) {
    .mdl-layout__header {
        display: unset;
        min-height: 100px;
    }

    .mdl-layout__header-row {
        min-height: 100px;
    }

    .mdl-layout-title {
        font-size: 30px;
        font-weight: bold;
    }
}

.content {
    margin: 10vh 10vw 0;
}

.section-card {
    width: 100%;
    margin-top: 2vh;
}

.mdl-card__supporting-text {
    align-content: center;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
    padding: 16px 0 16px;
}

.mdl-card__title {
    justify-content: center;
}

img {
    max-height: 100px;
}

.section-title {
    color: gray;
}

.app-title {
    font-weight: bold;
}

a.disabled {
    pointer-events: none;
    opacity: .4;
}