nav .navbar-brand{
    font-weight: 500;
    margin-right: 1rem;
}

.logo-middle {
    max-width: 240px;
}

@media only screen and (max-width: 390px) {
    nav .navbar-brand {
        font-size: 17px;
        margin-right: 0;
    }
}

/*Cropper*/
.box {
    padding: 0.5em;
    width: 100%;
    margin: 0.5em;
}

.box-2 {
    padding: 0.5em;
    /*width: calc(100%/2 - 1em);*/
}

.cropper-bg {
    background-image: unset !important;
    /*background-color: #c3c4c7;*/
    height: 300px;

}

.img_result {
    display: flex;
    justify-content: center;
    align-items: center;
}

.img_result img {
    max-width: 100%;
}

.display-img-on img {
    max-width: 250px !important;
    background-size: cover;
}

.logResult {
    height: 300px;
    overflow-y: scroll;
    background-color: #dcdcdc;
    margin-top: 16px;
}

.logResult p {
    margin: 0px;
}

.logText {
    font-size: 14px;
}