CSS - flex for 2 columns

Question

&_row {
    display: -webkit-flex; /* Safari */
    display: flex;
    flex-wrap: wrap; 
    .detail__highlight_column {
        flex: 0 0 100%;
        @media (min-width: 768px) {
            flex: 0 0 50%;
        }
        flex: 0 0 50%;
        .detail_highlight_label {
            color: #A0ACC1;
            font-size: 1.2rem;
        }
        .detail_highlight_data {
            font-weight: 500;
            font-size: 1.5rem;
            color: #414141;
            text-transform: capitalize;
            margin-bottom: 20px;
        }
    }
}