@media only screen and (min-width: 825px) and (max-width: 1910px) {
    body {
        overflow: hidden !important;
    }

    .name-container {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        background-image: linear-gradient(105deg, rgba(255, 255, 255) 0%, rgba(255, 255, 255) 50%, transparent 50%), url("../images/cover.jpg");
        background-size: 110%;
        border-radius: 3px;
        box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.2);
        width: 850px;
        height: 620px;
    }

    .name-container h1{
        font-size: 2.571em !important;
        line-height: normal;
    }

    .date-header {
    width: 845px;
    }

    .radio-container {
        flex-direction: column !important;
        font-size: 15px !important;
    }

    #datepicker {
        width: 800px;
        height: 400px;
        margin: 10px;
        padding: 10px;
    }
    .table-condensed {
        width: 800px;
        height: 500px;
        margin: 10px;
        padding: 10px;
    }

    .time-show {
        width: 850px;
        height: 445px;
    }

    .time_header {
        width: 850px;
    }

    .disable, .vrijeme {
        width: 193px !important;
        height: 125px;
        font-size: 20px;
    }

    .helper {
        width: 850px !important;
        margin-top: 270px;
    }
    .input-container{
        width: 300px;
    }
}