.food-pyramid-image object{
    width: 100%;
    height: auto;
    display: block;
}

.food-pyramid-table{
    color: black;
}

.pyramid-input input {
    width: 6ch;
    text-align: right;
}

.food-pyramid-input-row{
    color: white;
    font-size: 0.8cqw;
}

@media screen and (max-width: 1440px) {

    .food-pyramid-table{
        font-size: 0.8cqw;
    }

    .pyramid-input input {
        font-size: 0.8cqw;
    }
}

@media screen and (max-height: 933px) {
    .food-pyramid-table{
        font-size: 0.8vw;
    }

    .pyramid-input input {
        font-size: 0.8vw;
    }
}