#caja1 {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
}

    #caja1 > div:first-child {
        width: 40%;
        box-shadow: 0 0 5px 0 lightgray;
        padding: 10px;
        border: none;
    }

@media only screen and (max-width: 600px) {
    #caja1 {
        display: block;
    }

        #caja1 > div:first-child {
            width: 100%;
            margin-bottom: 15px;
            display:none;

        }
}

@media (max-width: 767px) {
    h1, h3, h4

{
    font-size: 1.3rem !important;
    text-align: center;
}

.content-wrapper {
    padding: 10px !important;
}

.card-body {
    padding: 15px;
}

.btn {
    font-size: 1rem !important;
}

.form-group label {
    font-size: 0.9rem;
}

input, select, .form-control {
    font-size: 1rem;
}

.captchaRom {
    /*display: block;*/
}

    .captchaRom img {
        width: 100%;
        margin-bottom: 10px;
    }

    .captchaRom .form-control,
    .captchaRefreshButton {
        width: 100%;
        margin-top: 5px;
    }

    .captchaRom > button.captchaRefreshButton {
        all: unset;
        padding: 6px 10px;
        background-color: #28a745;
        color: white;
        border-radius: 4px;
        font-size: 14px;
    }
}