*{
    box-sizing: border-box;
    font-family: sans-serif;
}

body,html{
    background-color:rgb(7, 6, 6);
    color:#ededed ;
    height: 100%;
}

main.food{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

main.food h1{
    margin-top: 30px;
    font-size: 26px;
    text-align: center;
}

main.food .options{
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

main.food .options h2{
    width: 100%;
    font-size: 23px;
    margin-left: 20px;
}

main.food .options .option{
    width: 25%;
    border: 20px solid rgb(7, 6, 6);
}

main.food .options .option img{
    width: 100%;
    height: 200px;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
}

main.food .options .option p{
    text-align: justify;
    width: 100%;
}

@media screen and (max-width: 780px){
    main.food .options .option{
        width: 100%;
    }
}