<div id="zmagsWrapper">

          <div id="dinneren"></div>

        </div>

        <script type="text/javascript"> <![CDATA[

          jQuery('#dinneren').css({"width": "100%", "padding-bottom": "608.75%", "background-color": "white"});

          jQuery('#zmagsWrapper').css({"max-width": "1600px", "margin": "0 auto"});

          var ww = jQuery(window).innerWidth();

          jQuery(window).on('resize', function () {

            ww = jQuery(window).innerWidth();

            if(ww > 991){

              jQuery('#dinneren').css({"width": "100%", "padding-bottom": "608.75%", "background-color": "white"});

            } else if (ww < 991 && ww > 767) {

              jQuery('#dinneren').css({"width": "100%", "padding-bottom": "608.75%", "background-color": "white"});

            } else if (ww < 767) {

              jQuery('#dinneren').css({"width": "100%", "padding-bottom": "1762.50%", "background-color": "white"});

            }

          });

          if(ww > 991){

            jQuery('#dinneren').css({"width": "100%", "padding-bottom": "608.75%", "background-color": "white"});

          } else if (ww < 991 && ww > 767) {

            jQuery('#dinneren').css({"width": "100%", "padding-bottom": "608.75%", "background-color": "white"});

          } else if (ww < 767) {

            jQuery('#dinneren').css({"width": "100%", "padding-bottom": "1762.50%", "background-color": "white"});

          }// ]]>

        </script>