#obsah {
    & {

    }

    .hide {
        visibility: hidden;
    }

    #vypocet {
        & {

        }

        label {
            font-weight: bold;
            width: 25%;
            display: flex;
            align-items: center;
        }

        @media (max-width: 576px) {
            label {
                width: 40%;
            }
        }

        span {
            display: flex;
            align-items: center;
            padding-left: 7px;
        }

        .form-group {
            display: flex;
            justify-content: start;
            padding-bottom: 20px;
        }

        .form-control {
            width: 25%;
            border-color: var(--g-color-3);
        }

        @media (max-width: 576px) {
            .form-control {
                width: 35%;
            }
        }
    }

    #results {
        & {
            padding-top: 20px;
        }


        .wrapper {
            display: grid;
            grid-template-columns: repeat(4, 1fr); /* výchozí: 4 vedle sebe */
            width: 75%;
        }

        @media (max-width: 768px) {
            .wrapper {
                width: 100%;
                grid-template-columns: repeat(2, 1fr); /* na mobilu 2 a 2 */
            }
        }

        .result {
            text-align: center;
            padding: 10px;
        }

        .big {
            font-size: 32px;
            font-weight: bold;
            color: var(--g-color-2);
        }

        span {
            font-weight: bold;
        }

    }
}