/* Mobile Design */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: outfit, 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #5F564D;
}

main,
.image-section,
.recipe-section,
img,
section,
.nutrition-section {
    width: 100%;
}

.recipe-section {
    padding-left: 32px;
    padding-right: 32px;
}

header,
.prep-time-section,
.ingredients-section,
.instructions-section {
    margin-bottom: 32px;
}

.ingredients-section,
.instructions-section {
    padding-bottom: 32px;
    border-bottom: 1px solid #E3DDD7;
}

h1 {
    margin-top: 40px;
    margin-bottom: 24px;
    color: #312E2C;
}

h1, h2 {
    font-family: "Young Serif", 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

h2,
.ingredients-section li::marker,
.instructions-section li::marker,
table strong {
    color: #854632;
}

.instructions-section li::marker {
    font-weight: bold;
}

.prep-time-section {
    padding: 24px;
    border-radius: 12px;
    background-color: #FFF7FB;
    min-width: 165px;
}

.last-list-bottom {
    margin-bottom: 0;
}

h3 {
    margin-bottom: 16px;
}

.prep-time-section li::marker, h3 {
    color: #7A284E;
}

h2, li {
    margin-bottom: 24px;
}

table {
    margin-bottom: 40px;
}

.list, li {
    padding-left: 24px;
}

.nutrition-section p {
    margin-bottom: 24px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    height: 48px;
    border-bottom: 1px solid #E3DDD7;
    vertical-align: middle;
    padding-left: 24px;
}

.last-column {
    border-bottom: none;
}