.flavor-list{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px;
    width: 100%;
}
@media only screen and (orientation: landscape)
{
    .flavor-list-item{
        width: 33%;
    }
    .flavor-images{
        width: 5vw;
        margin-left: 0.4vw;
    }
    .flexcontainer{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1.5vw;
    }
    .flavorflexcontainer{
        display: flex;
        align-items: center;
        justify-content: left;
        width: 50%;
        border: 0.3vw solid rgb(96 139 168);
        background-color: lightsteelblue;
        border-radius: 1vw;
    }
    .flavorflexcontent{
        margin-left: 1vw;
        font-size: x-large;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
}
@media only screen and (orientation: portrait)
{
    .flavor-list-item{
        width: 50%;
    }
    .flavor-images{
        width: 5vh;
        margin-left: 0.4vh;
    }
    .flexcontainer{
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1.5vh;
    }
    .flavorflexcontainer{
        display: flex;
        align-items: center;
        justify-content: left;
        width: 70%;
        border: 0.3vh solid rgb(96 139 168);
        background-color: lightsteelblue;
        border-radius: 1vh;
    }
    .flavorflexcontent{
        margin-left: 1vh;
        font-size: x-large;
        font-family: Georgia, 'Times New Roman', Times, serif;
    }
}