.food-table > thead > tr > th
{
    background-color    : #041E42;
    color               : white;
    font-weight         : bold;
    text-align          : center;
}
.hero-image-pic
{
    width               : 100%;
    max-height          : 600px;
    margin              : 0 auto;
    border-radius       : 10px;
    object-fit          : cover;
}
.breadcrumb
{
    font-size           : 0.75vw;
    text-decoration     : none;
    max-width           : 70%;
    margin-top          : 1%;
    margin-bottom       : 1%;
}
.non-active
{
    text-decoration     : none;
    font-weight         : bold;
    color               : #000000;
}
.article-h1
{
    font-size           : 2vw;
    font-weight         : bold;
    margin              : 20px 0;
}
.article-card-post
{
    display             : flex;
    flex-direction      : column;
    gap                 : 20px;
    margin              : 20px 0;
}
.article-card-post img
{
    width               : 100%;
    height              : auto;
    border-radius       : 10px;
    object-fit          : cover;
}
.article-card-post .post-content
{
    font-size           : 1vw;
    line-height         : 1.6;
    width               : 33%;
}
.related-posts-container
{
    margin              : 20px 0;
    display             : flex;
    flex-direction      : row;
    gap                 : 2%;
}
.related-title
{
    font-size           : 1.5vw;
    font-weight         : bold;
    margin-bottom       : 10px;
}
.article-card-image
{
    width               : 100%;
    height              : 450px !important;
    border-radius       : 10px;
    object-fit          : cover;
    aspect-ratio        : 1 / 1;
}
.card-a
{
    text-decoration     : none;
    color               : inherit;
}
.text-post
{
    line-height         : 1.6;
    margin              : 0 3%;
}
.article-post-title
{
    line-height         : 1.6;
    min-height          : calc(1.6em * 3);
    overflow            : hidden;
}
@media (max-width: 1090px)
{
    .article-card-post .post-content
    {
        width           :49% !important;
    }
    .related-title
    {
        font-size           : 3vw;
    }
    .breadcrumb
    {
        font-size           : 1.5vw;
    }
    .article-h1
    {
        font-size           : 3.5vw;
        margin              : 2% 0;
    }
}
@media (max-width: 768px)
{
    .article-card-post .post-content
    {
        width           : 100%;
    }
    .related-posts-container
    {
        flex-direction  : column;
    }
    .related-title
    {
        font-size           : 6vw;
    }
    .breadcrumb
    {
        font-size           : 2vw;
    }
    .article-h1
    {
        font-size           : 5vw;
        margin              : 4% 0;
    }
}
@media (max-width: 480px)
{
    .article-card-post .post-content
    {
        width           : 100%;
    }
    .related-title
    {
        font-size           : 8vw;
    }
    .breadcrumb
    {
        font-size           : 3vw;
    }
    .article-h1
    {
        font-size           : 6vw;
        margin              : 5% 0;
    }
}