Changing the width on bedford template but not mobile device

Hi 

I've added the CSS code below to change the width on the bedford template which seems to work fine, however I would like it not to be appied to mobile devices as they do not need the 80% width how would I do this? 

/*page content set to 80%*/
#page, #content {max-width: 80% !important;}

thanks in advance for any help given.

I have been googling the issue and added the below to my code which seems to work, can anyone confirm this is the right code to use? Thanks

@media screen and (min-width:768px) {
#page, #content {max-width: 80% !important;}

}

Yes. the code will work on Desktop + Tablet only

Thanks for your help.