/* Small devices (40rem and up) */
@media (min-width: 40rem) {
    .calc-instruction-text {
        width: 33%;
    }
}

/* Medium devices (48rem and up) */
@media (min-width: 48rem) {
    .calc-form-container-hr {
        display: none;
    }

    .calc-form-container {
        width: 50%;
    }
}

/* Large devices (64rem and up) */
@media (min-width: 64rem) {
    .calc-container {
        flex-direction: row;
        width: 100%;
    }

    .calc-instruction-text {
        width: 25%;
    }

    .calc-column-right {
        width: 35%;
    }
}

/* Larger devices  (80rem and up) */
@media (min-width: 80rem) {
    .calc-split {
        flex-direction: row;
        width: 100%;
    }

    .calc-form-container {
        width: 100%;
    }

    .calc-form-container-hr {
        display: block;
    }
}

/* Ultrawide devices  (140rem and up) */
@media (min-width: 140rem) {
    .calc-form-container {
        width: 50%;
    }

    .calc-form-container-hr {
        display: none;
    }
}

@media (max-height: 64rem) and (min-width: 64rem) {
    .calc-column-left {
        flex-direction: row;
        width: 15%;
    }

    .calc-split {
        width: 45%;
        flex-direction: column;
        overflow: auto;
    }

    .calc-column-right {
        overflow: auto;
    }

    .calc-form-container {
        width: 100%;
    }

    .calc-background {
        max-height: 100vh;
    }
}