No Change in Width in Media Query

Hi team,

I’m at my wits end. I can’t figure out how to heighten a row under 768px.
I have the row designated as a class, and also the row inside of that row designated as a class. I edited the column and entered a custom class for it as well.

Then I used the following CSS. Nothing changed at all.

@media screen and (max-width:767px) {
.bottom-logo {
width:280px;
height:280px;
}
.footrow{
    height:20em;
    margin-bottom:400px;
    min-height:100%;
}
.footrowchild {
    height:600px;
    margin-bottom:400px;
    min-height:100%;
}
.footrowccol {
    margin-bottom:400px;
}
}