.col{
    display: flex;
    flex-direction: row;
    margin: 100px 0px;
    padding: 0px 150px;
}
.col1{
    padding-left: 50px;
}
@media (max-width:768px) {
    .div1 {
        grid-template-columns: repeat(2, 1fr);
    }

}
@media (max-width: 600px) {
    .col{
        flex-direction: column;
        padding: 0px 20px;
        margin: 100px 0px;
    }
}
.nav-link{
    font-family: sans-serif;
    text-transform: capitalize;
    
    color: whitesmoke;
}
.nav-item{
    padding: 0px 20px;
}