.ds_sec{
    padding-top: 74px;
}


.d_sheet{
    background-image: url('../images/data_sheet.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 40vh;
}

.d_sheet h1{
    color: whitesmoke;
    background-color: rgba(0, 0, 0, 0.097);
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 47pt;
    font-weight: 800;
}

/* products */
.pro{
    padding: 10px;
    margin: 10px;
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
    /* border: 1pt solid black; */
}


.product{
    padding: 10px;
    border-right: 1px solid rgba(153, 205, 50, 0.278);
    border-radius: 3px;
}


.col1 h2{
    color: yellowgreen;
    font-size: 27pt;
}


.img1{
    width: 300px;
    height: 250px;
    margin-top: 20px;
    padding: 10px;
}

span{
    color: yellowgreen;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 13pt;
}

.col1 p,
.col2 p,
.col3 p,
.col4 p,
.col5 ul li,
.col5 p{
    color: rgb(95, 93, 93);
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif ;
    list-style-type: none;
    margin-bottom: 15px;
    font-size: 13pt;
}

section h3{
    color: yellowgreen;
    font-size: 16pt;
    margin-bottom: 10px;
}

hr{
    display: none;
}


.sb,
.mo,
.miracle,
.afra,
.calabar,
.Desmodium,
.Prekese,
.Griffonia{
    padding: 10px;
    margin: 10px;
    background-color: white;
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
}



.kn,
.kombo,
.annatto,
.mucuna,
.Boswellia,
.xylopia,
.voacanga{
    padding: 10px;
    margin: 10px;
    background-color: aliceblue;
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;
}


/* Responsiveness */

@media screen and (max-width:500px) {
    .d_sheet h1{
        top: 30% !important;
        font-size: 24pt !important;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif !important;
    }

    .sb,
    .kn,
    .mo,
    .kombo,
    .miracle,
    .annatto,
    .afra,
    .calabar,
    .Desmodium,
    .mucuna,
    .Boswellia,
    .xylopia,
    .Prekese,
    .voacanga,
    .Griffonia{
        display: block;
    }

    .sb_col{
        border: 1px solid rgba(0, 0, 0, 0.072);
    }

    hr{
        display: block;
    }


    .kn_col{
        border: 1px solid rgba(0, 0, 0, 0.072);
    }

}