@media (max-width: 680px) {
    header>.content>.name {
        font-size: 10vmin;
    }
    .row {
        flex-direction: column;
        margin: 0 10px;
        align-items: center;
    }
    .cards-container nav .card {
        width: 100%;
        margin: 5px 10px;
    }
    .card.textme>.content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin: auto;
    }

    .card.textme>.content>.img-container>img {
        margin-left: 15%;
        margin-top: 0;
    }

    .card.textme .button-container {
        margin: auto;
    }

    .card.textme {
        height: auto;
    }

    .links-container>.row {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .links-container a {
        margin-top: 10px;
    }

    .cards-container .card.mono-pwa:before {
        right: 10px;
    }
}