.col-7 {
    /* width: 100%; */
    flex: 7;
}

.col-5 {
    flex: 5;
    margin: 64px 16px;
}


/* here is the breakpoint for tablets */

@media screen and (min-width: 768px) and (max-width: 1439px) {
    
    .col-5 {
        text-align: left;
        margin: 32px;
    }

}



/* here is the breakpoint for desktop */

@media screen and (min-width: 1440px) {

    .col-5 {
        text-align: left; 
        margin: 96px;
    }

}