title: How to center a webpage for only certain device width? i.e mobile device = center but desktop view would remain normal
body: <p>I'm new to using @media but i am trying to get a webpage to respond centered for smaller devices only. while the larger width display can remain normal.
  my webpage is mastercontrolunit.com and seems to appear fine on desktop view. but on phone for example the view starts all the way to the left, when i would prefer it to start centered. 
  Thanks!</p>