title: (CSS) I'm having trouble keeping the contents of a container centered
body: <p>Sorry if this has been asked before. I'm very inexperienced with CSS. I tried looking through previous threads to see if I could solve this problem myself, but I've had no luck so far.</p>
  
  <p>The website is <a href="http://greenemusiceducation.com/" rel="nofollow noreferrer">http://greenemusiceducation.com/</a></p>
  
  <p>The container right underneath the site's header is forcing all content (in this case a slider) to align to the right. In the 'site-inner' and 'wrap' classes (the classes that are listed right underneath the header in the sites source-code), I've tried editing the parameters but the changes don't seem to have any effect whatsoever. This container alignment issue is consistent across different pages for the site.</p>
  
  <p>On mobile devices, the site loads fine and operates as expected. On Chrome, everything is right-aligned. On IE 11, the slider doesn't show up at all.</p>
  
  <p>I would be grateful for any help!</p>