span.text{
    font-size: 12px;
    margin-left: 30px;
}
span.text1{
    font-size: 15px;
    margin-left: 30px;
    font-weight: bold;
}
label.text{
    font-size:12px;
}
td.text-vill{
    font-size:16px;
    width: 10%;
}
td.text-people{
    width: 30%;
}
td.text-cost{
    padding-top: 125px;
}
td.text-35{
    width: 35%;
}
td.text-20{
    width: 20%;
}
   
.card{
    color: #000000;
}
#no-more-tables table,
#no-more-tables td,
#no-more-tables tr {
        background: #ffffff;
        border: none;
    }
table.table-level{
        width: 70%
}
@media only screen and (max-width: 800px) {
    label{
        font-size:12px;
    }
    label.text{
        font-size:12px;
    }
    td.text-vill{
        font-size:12px;
        width: 100%;
        
    }
    td.text-people,td.text-35,td.text-20{
        width: 100%;
    }
    tr.text_cost{
        padding-top: 25px;
    }
   
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
        background: #ffffff;
        border: none;
    }
    #no-more-tables td {
    /* Behave like a "row" */
        border: none;
        position: relative;
        white-space: normal;
        text-align:left;
    }
    table.table-level{
        width: 100%
    }
}