/* 
Commented and not used bcs of ie11 support :-(

:root {
    --leader-h: 210px;
    --halfpage-h: 6OOpx;
    --mediumrectangle-h: 250px;
    --wallpaper-h: 300px;
    --commercial-h: 100px;
    --megaboard-h: 310px;
    --widesky-h: 600px;
    --caroda-banner-h: 250px
    --strip-h: 100px
    --mediumrectangle-mobile-h: 250px;
    --prmsquare-h: 480px;
    --interscroller-h: 520px;
    --square300-h: 300px;


    --leader-w: 970px;
    --halfpage-w: 300px;
    --mediumrectangle-w: 300px;
    --wallpaper-w: 480px;
    --commercial-w: 300px;
    --megaboard-w: 970px;
    --widesky-w: 160px;
    --caroda-banner-w: 300px
    --strip-w: 320px
    --mediumrectangle-mobile-w: 300px;
    --prmsquare-w: 480px;
    --interscroller-w: 100%
    --square300-w: 300px;
} */

.leader {
  min-height: 210px;
  min-width: 970px;
}

.halfpage {
  /* possible sizes: halfpage, mediumrectangle, widesky, square300 */
  /* height calculation: calc(max(var(--halfpage-h), var(--mediumrectangle-h), var(--widesky-h), var(--square300-h)) - 30%) */
  /* width calculation: calc(max(var(--halfpage-w), var(--mediumrectangle-w), var(--widesky-w), var(--square300-w)) - 30%) */
  min-height: 420px;
  min-width: 210px;
}

.wallpaper {
  /* possible sizes: wallpaper, mediumrectangle, square300 */
  /* height calculation: calc(max(var(--wallpaper-h), var(--mediumrectangle-h), var(--square300-h)) - 30%) */
  /* width calculation: calc(max(var(--wallpaper-w), var(--mediumrectangle-w), var(--square300-w)) - 30%) */
  min-height: 210px;
  min-width: 336px;
}

.megaboard {
  /* possible sizes: megaboard */
  height: 310px;
  width: 970px;
}

.mediumrectangle, .mediumrectangle-desktop, .mediumrectangle-mobil {
  /* possible sizes: mediumrectangle, square300, prmsquare */
  /* height calculation: calc(max(var(--prmsquare-h), var(--mediumrectangle-h), var(--square300-h)) - 30%) */
  /* width calculation: calc(max(var(--prmsquare-w), var(--mediumrectangle-w), var(--square300-w)) - 30%) */
  min-height: 336px;
  min-width: 336px;
}

.interscroller {
  width: 100%;
  height: 520px;
}

.commercial {
  /* possible sizes: commercial */
  height: 100px;
  width: 300px;
}

.strip {
  min-width: 320px;
  min-height: 100px;
}

.widesky {
  /* possible sizes: widesky, sky */
  /* height calculation: calc(max(var(--widesky-h), var(--sky-h)) - 30%) */
  min-height: 420px;
  min-width: 160px;
}

.sasic-ad {
  display: block;
}