Yes get rid of the rules with .is-xxx ,and use an @media query instead and find the threshold value that works
@media only screen and (max-width:780px) {
.cta {display:none;}
}
If needed there is also a way to differentiate landscape and portrait with media query, but the width should be sufficient.
