:root {
    --dark-green: #3d4918;
    --mid-green: #91ab52;
    --light-green: #ebffae;

    --dark-brown: #543819;
    --mid-brown: #ffedd7;
    --light-brown: #fffbf7;

    --dark-purple: #8f3cd6;
    --mid-purple: #cabbff;
    --light-purple: #ded7ff;

    --dark-red: #f4400f;
    --mid-red: #f26533;
    --light-red: #ffa488;
}

body {
    background-color: #fff2e2;
}

.projects-one__single-img img {
    height: 350px;
    object-fit: cover;
}

.projects-one__single-img {
    border-radius: 30px;
}

#food {
    padding: 200px 0 100px;
}

#about {
    background-color: #ffe6c6;
    padding-bottom: 320px;
    padding-top: 100px;
}

h2 {
    font-size: 95px;
    color: var(--dark-brown);
    line-height: 89px;
}

.catering-img {
    margin: auto;
    display: block;
    width: 100%;
}

#about .imgs-container {
    position: relative;
}

#about a {
    color: white;
    opacity: 1;
}

#about a:hover {
    color: white;
}

#about .about-l2 {
    transform: none !important;
    bottom: 60%;
    top: unset;
    left: 0%;
    width: 250px;
}
#about .about-r {
    bottom: unset;
    top: 55%;
    right: 2%;
    transform: rotateY(180deg);
    width: 220px;
}

@media (max-width: 992px) {
    #about .about-r {
        z-index: 0;
    }
}

@media (max-width: 768px) {
    #food .projects-one__single-img img {
        height: 220px;
    }

    .green-bg h5 {
        font-size: 32px;
    }

    h2 {
        font-size: 60px;
        line-height: 60px;
    }

    #about .floating-img {
        display: block;
    }

    #about {
        padding: 100px 0 80px !important;
    }

    footer {
        background-color: #ffe6c6;
    }
}

@media (max-width: 576px) {
    .green-bg h5 {
        font-size: 19px;
        letter-spacing: 0.5px;
    }

    .items-container .col-6.col-xl-4:nth-child(2n) {
        padding-left: 7px;
    }

    .items-container .col-6.col-xl-4:nth-child(2n + 1) {
        padding-right: 7px;
    }

    #food .projects-one__single-img img {
        height: 40vw;
    }

    .projects-one__single-img {
        border-radius: 15px;
    }

    .catering-img {
        padding: 30px;
    }

    #about .about-l2 {
        transform: none !important;
        bottom: 47%;
        top: unset;
        left: -4%;
        width: 200px;
    }

    #about .about-r {
        bottom: unset;
        top: 88%;
        right: -5%;
        transform: rotateY(180deg);
        width: 170px;
    }

    .green-bg {
        padding: 15px;
    }
}