/* body */
body {
    background: #F8F9FA;
}

.body {
    display        : flex;
    justify-content: center;
}

.Black_head {
    width: 80%;
}

/* url */

.Url_body {
    width          : 40%;
    display        : flex;
    justify-content: space-evenly;
}

.Url_body p {
    margin: 0;
}

.Url_body a {
    color          : #A8A9AA;
    text-decoration: none;
}

.Url_body a:hover {
    color      : #49A069;
    font-weight: bolder;
}

.Url_body {
    margin-top: 45px;
}

/* block */
.block {
    width        : 1170px;
    background   : #FFFFFF;
    box-shadow   : 0px 0px 30px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top   : 44px;
    padding      : 37px 30px 20px 30px;
    box-sizing   : border-box;
}

/* title */
.title_block {
    width         : 100%;
    height        : 38px;
    font-family   : Arial, Helvetica, sans-serif;
    font-style    : normal;
    font-weight   : bold;
    font-size     : 24px;
    line-height   : 160%;
    letter-spacing: 0.02em;
    color         : #000000;
    margin        : 0;
}

.morning,
.lunch {
    margin-left: 30px;
}

.morning h1,
.lunch h1 {
    font-family   : Arial, Helvetica, sans-serif;
    font-style    : normal;
    font-size     : 16px;
    line-height   : 160%;
    letter-spacing: 0.02em;
    color         : #000000;
    font-weight   : normal;
}

.morning h1 strong,
.lunch h1 strong {
    font-weight: 900;
}

.salad {
    margin: 10px 0 0 30px;
}

* {
    box-sizing: border-box;
}

@media(min-width:0) and (max-width:449.9px) {

    /* body */
    .food {
        width: 100%;
    }

    /* block */
    .block {
        width  : 100%;
        padding: 27px 20px 20px 20px;
    }

    .title_block {
        font-size: 18px;
    }

    /* text */
    .morning,
    .lunch {
        margin-left: 20px;
    }

    .salad {
        margin: 5px 0 0 25px;
    }

    /* url */

    .Url_body {
        width          : 100%;
        justify-content: inherit;
    }

    .Url_body a {
        font-size: 10px;
        margin   : 0 2.5px 0 2.5px;
    }

    .Url_body p {
        margin   : 0 0 0 5px;
        font-size: 11px;
    }

    .Url_body {
        margin-top : 25px;
        align-items: center;
    }
}

@media(min-width:450px) and (max-width:749.9px) {
    /* body */

    .food {
        width: 90%;
    }

    .block {
        width: 100%;
    }

    /* url */

    .Url_body {
        width: 100%;
    }
}
@media(min-width:750px) and (max-width:1349.9px) {
.block{
    width: 100%;
}
.Url_body{
    width: 70%;
}
}