.diet{
     font-family: 'Lato';
     font-style: normal;
     font-weight: bold;
     font-size: 38px;
     line-height: 46px;
     color: #302828;
     text-align: center;
     margin-top:50px;
}
.nveg{
    width: 243.68px; 
    height: 55px;
    background: rgba(203, 147, 122, 0.65);
    box-shadow: 0px 20px 35px rgba(241, 165, 1, 0.15);
    border-radius: 10px; 
    margin-top: 50px;
    cursor: pointer;    
}
.nveg h1{
    color:white;
    font-family: 'Lato';
    font-size:20px;
    font-weight: 800;
    padding-top: 14px;
    font-weight: bold;
    text-align: center;
}
.nveg:hover{
    background-color: #A87365;
}

.nveg-hover{
    background-color: #A87365;   
}

.bar{
    background: rgba(196, 196, 196, 0.55);
    width:100%;
    margin-bottom:auto;
    height:6px;
}
.rect{
    background: #43B141;
    width:180px;
    height:6px;
}
@media only screen and (max-width: 450px) {
    .diet{
        font-size: 30px;
         line-height: 36px;
    }
    .bar{
        background: rgba(196, 196, 196, 0.55);
        width:100%;
        margin-bottom:auto;
        height:6px;
    }
    .rect{
        background: #43B141;
        width:40px;
        height:6px;
    }

}