.recipe-area .inner {
    max-width: 100%;
    background-color: #FCF8FB;
}

.recipe-area .inner::before {
    content: none;
}

.recipe-area .head {
    text-align: center;
    padding: 0 0 50px 0;
    margin: 0;
    background-color: #ffffff;
}

.recipe-area .recipe-list {
    max-width: 1086px;
    padding: 4rem 20px 3rem;
    margin: 0 auto;
}

.recipe-area .inner {
    padding: 0;
}

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

    .recipe-area .recipe-list p {
        width: auto;
        padding: 0 7%;
        font-size: 1rem;
        display: flex;
        justify-content: center;
    }

}