.bsf-top {
    height: 150px;
}
.main {
    background-color: #FFFFFF;
}

.bsf-header {
    background-color: #FFFFFF; /*rgb(25,40,83)*/
}
.bsf-head2{
    text-align:center;
}
.tbl-sub-header {
    text-decoration: underline;
}
.tbl-cell-value {
    color: rgb(203,162,141);
 /*   width:50%;*/
}
.tbl-header {
    font-weight: 700;
}

.svg {
    color: #FFFFFF;
}
.svg-bgk {
    background-color: rgb(25,40,83);
}
.bsf-main-1 {
    background-image: url('/f4f/images/bsf/bg-meal-03.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 100px;
}

.bsf-main-2 {
    /*   background-color: #F4F3F1;*/
    padding-top: 100px;
    padding-bottom: 125px;
    background-image: url('/f4f/images/bsf/bg-oil-05.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.p-bsf {
    max-width: 500px;
    color: black;
    font-weight: 300;
    font-size: 17px;
    padding: 10px;
}


/*RESPONSIVE*/
@media (max-width: 640px) {
    .h1-bsf {
        color: white;
        font-size: 35px;
        padding-top: 25px;
    }
    .bsf-head1 {
        width:100%
    }

    .bsf-head2 {
        width: 100%
    }
    .h2-bsf {
        font-size: 45px;
        line-height: 0px;
        color: rgb(25,40,83);
    }

    .h2-second {
        color: rgb(203,162,141);
        font-size: 55px;
    }
    .tbl-bsf {
        /*max-width: 200px !important;*/
        /*width: 100%;*/
        border-radius: 10px;
        color: rgb(25,40,83);
        padding-top: 20px;
        padding-bottom: 20px;
        /*background-color: red;*/
        width:100%;
    }

    .tbl-bsf td {
        padding: 10px;
        padding-left: 15px;
        padding-right: 15px;
        /*width:100%;*/
    }

    .tbl-bsf tr{
        display:block;
    }
    td.break {
        float: left;
    }
    .tbl-bsf-sub{
        max-width:200px;
        /*width:90%;*/
    }

        .tbl-bsf-sub td {
            width: 50%;
            min-width: 130px;
            text-align: right;
        }
            .tbl-bsf-sub td:first-child {
                text-align: left;
            }
    .body-container {
        padding: 10px;
    }
    .p-bsf {
        max-width: 500px;
        color: black;
        font-weight: 300;
        font-size: 17px;
        padding: 10px;
    }
    .table-cell-bsf {
        min-width: 400px;
        width:100%;
    }
    .table-cell-bsf td{
        min-width:200px;
    }
}

@media (min-width: 641px) {
    .h1-bsf {
        color: white;
        font-size: 35px;
        padding-top: 25px;
    }

    .bsf-head1 {
        float:left;
        width:50%;
    }

    .bsf-head2 {
        float: left;
        width: 50%;
    }

    .h2-bsf {
        font-size: 45px;
        line-height: 0px;
        color: rgb(25,40,83);
    }

    .h2-second {
        color: rgb(203,162,141);
        font-size: 55px;
    }

    .tbl-bsf {
        width: 100%;
        /*width: 100%;*/
        border-radius: 10px;
        color: rgb(25,40,83);
        padding-top: 20px;
        padding-bottom: 20px;
      
    }

    .tbl-bsf td {
        padding: 10px;
        padding-left: 15px;
        padding-right: 15px;
        /*width:100%;*/
    }

    .tbl-bsf tr {
        display: block;
    }

    td.break {
        float: left;
    }

    .tbl-bsf-sub {
        width: 100%;
        /*width:90%;*/
    }

        .tbl-bsf-sub td {
            /*min-width: 50%;*/
            min-width: 150px;
            text-align: right;
        }
            .tbl-bsf-sub td:first-child {
                text-align: left;
            }
    .body-container {
        padding: 10px;
    }
    .p-bsf {
        max-width: 500px;
        color: black;
        font-weight: 300;
        font-size: 17px;
        padding: 10px;
        padding-top:70px;
    }
    .table-cell-bsf {
        width: 50%;
        vertical-align: top;
    }
    .table-cell-bsf td {
        min-width: 250px;
    }
    .bsf-head1 {
        float: left;
    }

    .bsf-head2 {
        float: right;
    }
}
@media (min-width: 960px) {
    td.break {
        float: none;
    }

    .tbl-bsf-sub td {
        width: 150px;
        text-align: right;
    }
        .tbl-bsf-sub td:first-child {
            text-align: left;
        }
    .table-cell-bsf td {
        min-width: 50%;
    }
}




@media (min-width: 1100px) {
    td.break {
        float: none;
    }
    .h1-bsf {
        color: white;
        font-size: 50px;
        padding-top: 35px;
    }
    .bsf-head1 {
        float: left;
    }

    .bsf-head2 {
        float: right;
    }
    .h2-bsf {
        font-size: 55px;
        line-height: 0px;
        color: rgb(25,40,83);
    }

    .h2-second {
        color: rgb(203,162,141);
        font-size: 90px;
    }
    .tbl-bsf {
        width: 100%;
        border-radius: 10px;
        color: rgb(25,40,83);
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .tbl-bsf td {
        padding: 10px;
        padding-left: 35px;
        padding-right: 35px;
        width:550px;
    }
    .tbl-bsf-sub td:first-child {
        text-align: left;
    }

    .table-cell-bsf{
        width:50%;
        vertical-align:top;
    }
}