removing flex in css for mobile size screens
<p>I am using flexbox/flex to center content. However I want to remove the flex properties on screens smaller than 768px</p>

<p>css</p>

<pre><code>.row-eq-height {
min-height: 400px;
display: flex;
}

.row-eq-height .col-md-6, 
.row-eq-height .col-md-12 {
flex: 1;
display: flex;
align-items: center;
}

.section-content {
position: relative;
flex: 1;
text-align: center;
}

@media screen and (max-width: 768px) {

...
</code></pre>

<p>I'm not sure what css cancels flex so that I can position my elements differently</p>