@media screen and (max-width: 80em) {
    :root {
        --rem: 18px;
    }

    .sm\:pl-1 {
        padding-left: 1rem;
    }

    .sm\:pt-1 {
        padding-top: 1rem;
    }

    .sm\:pr-1 {
        padding-right: 1rem;
    }

    .sm\:pb-1 {
        padding-bottom: 1rem;
    }

    .sm\:flex-1 {
        flex: 1;
    }

    .sm\:flex-2 {
        flex: 2;
    }

    .sm\:flex-3 {
        flex: 3;
    }

    .sm\:flex-4 {
        flex: 4;
    }

    .sm\:flex-5 {
        flex: 5;
    }

    .sm\:flex-6 {
        flex: 6;
    }

    .sm\:flex-7 {
        flex: 7;
    }

    .sm\:flex-8 {
        flex: 8;
    }

    .sm\:flex-9 {
        flex: 9;
    }

    .sm\:flex-10 {
        flex: 10;
    }

    .sm\:hide {
        display: none;
    }

    .sm\:float-none {
        float: none;
    }

    .sm\:w-22 {
        width: 22rem;
    }

    .img-desc {
        margin-left: 0rem;
        margin-right: 0rem;
    }
}