@media screen and (max-width: 768px) {
    header img, header svg {
        height: 1.2rem !important;
    }

    main {
        padding: 0 2rem;
        gap: .75rem;
    }

    main > div {
        font-size: 2rem;
    }

    main p:nth-child(2) {
        font-size: 1.5rem;
    }

    main p:nth-child(3) {
        line-height: 1.2rem;
        font-size: 1rem;
    }

    main p:last-of-type {
        line-height: 1.2rem;
        font-size: 0.8rem;
    }

    main button {
        margin-top: 1rem;
    }

    footer ul {
        padding: 0.7rem 0;
    }

    footer li {
        font: var(--ars-type-content-3)
    }

    footer ul li::before {
        height: 5px;
        width: 5px;
    }

    footer ul li:last-child a {
        font-size: 1rem;
    }

    button {
        font-size: .8rem !important;
        padding: 0rem 1rem !important;
    }
}