img {
    width: 100%;
    height: 230px;
    /* border: 3px solid #476154; */
    /* transition: transform .4s; */
}


#title {
    text-align: center;
}

/* .truffle-flavor-intro-description { */
.truffle-flavors-intro {
    /* margin-bottom: 5%; */
    /* display: flex; */
    /* height: 750px;
    background-image: url("/images/truffles/dante-truffle-header.png");
    background-size: 2600px 750px;
    background-position: center; */
    /* height: 150px; */
}

/* list of truffles first row */
.truffle-flavors-list {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    /* width: 75%; */
    justify-content: space-evenly;
}

/* truffle flavor cards */
.truffle-flavor {
    /* width: 300px;
    height: 300px; */
    box-shadow: 0 4px 6px -5px #1c1a1a;
    margin: 1% 3px;
    border: 3px solid #476154;
}

.truffle-flavor h3 {
    text-align: center;
    font-size: 2vw;
}

@media (max-width: 1200px) {
    .truffle-flavors-list {
        /* width: 100%; */
    }
}

@media (max-width: 1000px) {
 .page-container {
     padding: 0;
 }

 .truffle-flavors-list {
     width: 95%
 }
}

@media (max-width: 900px) {
    .truffle-flavors-list {
        width: 98%;
    }

    .truffle-flavor {
        height: 270px;
    }
    .truffle-flavor img{       
        height: 200px;
    }

    .truffle-flavor h3 {
        font-size: 3vw;
    }

}

@media (max-width: 800px) {
    .truffle-flavor img {
        height: 175px;
    }
    
    .truffle-flavor {       
        height: 225px;
    }

    .truffle-flavor h3 {
        font-size: 2.5vw;
    }
}

@media (max-width: 650px) {
    .truffle-flavor img {
        height: 150px;
    }
    .truffle-flavor {
        height: 200px;
    }

    .truffle-flavor h3 {
        font-size: 3vw;
    }
}