.recept-blok {
    position: relative;
    margin: 0px 0px 0px 0px;
    display: block;
    background: #fff;
    border: 1px solid #e6e6e6;
}

.recept-nazev {
    font-size: 1.75em;
    font-weight: 600;
    padding: 20px 15px 20px 15px;
    line-height: 1.5;
}

.recept-nazev h1 {
    font-size: 1em;
    font-weight: 700;
}

.recept-popis {
    padding: 0px 15px 20px 15px;
    line-height: 1.7;
}

.recept-fotka {
    padding: 15px 15px 15px 15px;
}

.user-blok {
    display: grid;
    grid-template-columns: auto auto 1fr;
    padding: 0px 15px 20px 15px;
    align-items: center;
}

.user-foto {
    width: 50px;
}

.user-foto .fotka {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;

    -khtml-border-radius-topleft: 3px;
    -khtml-border-radius-topright: 3px;
    -khtml-border-radius-bottomleft: 3px;
    -khtml-border-radius-bottomright: 3px;

    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.user-jmeno {
    padding: 0px 15px;
    font-weight: 400;
}

.user-link a {
    color: #888;
}

.recept-info-box {
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin: 0px 0px 0px 0px;
    padding: 15px 15px;
}

.recept-info-item {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 10px;
    align-items: center;
    padding: 10px 0px;
}

.recept-info-item span {
    font-weight: 400;
}

.recept-info-item .material-icons {
    font-size: 36px;
    color: #aaa;
    margin: 0px;
    padding: 0px;
    line-height: 36px;
    vertical-align: middle;
    text-align: center;
}

.recept-info-doba {
    font-weight: 400;
    line-height: 1.7;
}

.recept-info-doba span {
    font-weight: 700;
}

.recept-info-2-share-box {
    background: #f6f6f6;
    padding: 10px 15px;
    margin: 15px 0px 15px 0px;
    display: grid;
    grid-template-columns: 1fr;
    color: #c00;
}

.recept-info-2-share-box .share {
    display: grid;
    grid-template-columns: 24px auto;
    border: 0px solid #00f;
    justify-items: auto;
    align-items: center;
    padding: 5px 0px;
}

.recept-info-2-share-box .share div:nth-child(2n) {
    padding: 0px 0px 0px 10px;
    border: 0px solid #f00;
}

.info-blok {}

.recept-info-3-box {
    padding: 15px 15px;
    line-height: 1.8;
    border-bottom: 1px solid #f0f0f0;
    word-spacing: 1px;
}

.info-3-nadpis {
    font-weight: 600;
}

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

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

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

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

    .obecne-cover {
        padding: 5px;
        display: grid;
        row-gap: 15px;
    }
}

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

    .recept-blok {
        margin: 0px 0px 0px 0px;
    }

    .recept-nazev {
        font-size: 2em;
    }

    .recept-nazev h1 {
        font-size: 1em;
    }

    .recept-fotka {}

    .recept-info-box {
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 10px;
    }

    .recept-info-item {
        padding: 0px;
    }


    .recept-info-2-share-box {
        padding: 10px 15px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        color: #c00;
    }

    .recept-info-2-share-box .share {
        text-align: center;
        display: grid;
        grid-template-columns: 24px auto;
        border: 0px solid #f00;
        justify-items: left;
        align-items: center;
        padding: 5px 0px;
    }

    .recept-info-2-share-box .share div:nth-child(2n) {
        padding: 0px 0px 0px 10px;
    }

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

}