title: How to make slideshare iframe responsive
body: <p>I have added slideshare iframe with presentation to my <a href="http://bookofrakostenlosspielen.org/10-regeln-online-glucksspiels/" rel="nofollow noreferrer">page</a> </p>
  
  <p>Code: <code>&lt;iframe src="//www.slideshare.net/slideshow/embed_code/key/HQoiz6GR1oLe1n" width="860" height="600" frameborder="600" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen&gt; &lt;/iframe&gt;</code>
  But when I open page at mobile phone there appear black area around presentation:
  <a href="https://i.stack.imgur.com/dJFtl.png" rel="nofollow noreferrer">screnshot</a></p>
  
  <p>I know that it happens because of style height="600", but when I remove it presentation becames small. How to remove this black areas around presentation?</p>