Issues with ion-row and class styling

[ylemat]

I have 2 rows, which I would like different back-ground color, I use to 2 differents class :
.ios, .md .top-profil {
ion-row{
background-color: color($colors, MyRed);
height: 35%;
}
}

.ios, .md .bottom-profil {
ion-row{
background-color: color($colors, MyGrey);
// height: 65%;
}

Here what I get… I would like the top in red and the bottom in grey…

}