Will using this CSS solution for Facebook Page Follow plugin violate search engine guidelines?

Question

I encountered a problem with the Facebook Page Follow plugin on my website where the plugin would disappear when I rotated my device (changing orientation), despite initially appearing correctly. To fix this issue, I attempted a solution using CSS, which appears to have worked. Will this approach violate any search engine guidelines?

.fb-page{
    display:none;
}
@media screen and (orientation:portrait){
    .fb-page{
        display:block
    }
}
@media screen and (orientation:landscape){
    .fb-page{
        display:block
    }
}