h1{
    font-family: "poppins";
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
    border: 2px solid #771C1E;
    display: inline-block;
    text-align: center;
    position: relative;
    left: 30%;
    width: 40%;
    color: #222;
    margin-top: 32px;
}

h2{
    font-family: "poppins";
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #222;
    text-align: center;
    margin-top: 16px;


}

.pic1 img{
    width: 100%;
    
    
}

.pic1{
    padding: 20px;
}

.pic2{
    width: 45%;
    
}

.pic3{
    width: 45%;
    
}

.pic4 img{
    width: 100%;
}

.pic4{
    padding: 20px;
}

.pic5{
    width: 45%;
}

.pic6{
    width: 45%;
}

.out-pics{
    display: flex;
    gap: 16px;
    justify-content: center;
    padding: 0 16px;
}

.food-pics{
    display: flex;
    gap: 16px;
    justify-content: center;
    padding: 0 16px;
    padding-bottom: 120px;
}


@media (min-width:650px) {
    .pic1 img{
        width: 80%;
        display: block;
        margin-left: auto;   
        margin-right: auto;
    
    }

    .pic4 img{
        width: 80%;
        display: block;
        margin-left: auto;   
        margin-right: auto;
    }

    .pic2, .pic3,.pic5,.pic6{
        width: 30%;
    }
}

@media (min-width:1025px) {
    .pic1 img{
        width: 60%;
        display: block;
        margin-left: auto;   
        margin-right: auto;
    
    }

    .pic4 img{
        width: 60%;
        display: block;
        margin-left: auto;   
        margin-right: auto;
    }

    .pic2, .pic3,.pic5,.pic6{
        width: 40%;
    }
}