.blok {
    margin: 20px 5px 0px 5px;
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 15px;
    row-gap: 15px;

    .obecne-cover {
        padding: 5px;
    }
}

.user-box {
    background: #f0f0f0;
    border: 0px solid #e6e6e6;
    display: grid;
    grid-template-columns: 1fr 4fr;
    padding: 15px;
    column-gap: 20px;
}

.user-box-fotka {
    .fotka {
        border: 0px solid #e8e8e8;
    }
}

.user-jmeno {
    font-size: 1.5em;
    font-weight: 600;
    padding: 0px 0px 10px 0px;
    line-height: 1.5;
}

.user-motto {
    line-height: 1.6;
    padding: 15px 0px px 0px;
}

.user-loc {
    line-height: 1.6;
    padding: 15px 0px 0px 0px;
}

.user-status {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 15px;
    line-height: 1.5;
    color: #888;
    background: #f6f6f6;
    margin: 20px 0px 0px 0px;
    align-items: center;
    padding: 15px;
}

.user-status-1 {
    padding: 0px 0px;

    span {
        font-weight: 500;
        color: #333;
    }
}

.user-status-2 {
    padding: 0px 0px;
    text-align: left;
    color: #888;
    font-size: 0.85em;
}

.blok-menu {
    padding: 20px 0px 0px 0px;
}

.recept-new {
    display: grid;
    grid-template-columns: 33% 1fr;
    padding: 15px;
    row-gap: 15px;
    column-gap: 15px;
    align-items: center;
}

.recept-new-nazev {
    padding: 0px 0px 0px 0px;
    font-weight: 400;
}

@media only screen and (min-width: 999px) {

    .blok {
        grid-template-columns: 5fr 2fr;
        margin: 20px 0px 0px 0px;
    }

    .user-status {
        grid-template-columns: 1fr 1fr;
    }

    .user-status-2 {
        text-align: right;
        border-top: 0px;
    }

    .user-jmeno {
        font-size: 2em;
    }

}