/* https://www.kevinpowell.co/article/css-remedy/ */
* { box-sizing: border-box; } /* Switch to border-box for box-sizing. */
body {
    margin: 0; /* Remove the tiny space around the edge of the page */
}
img, video, canvas, audio, iframe, embed, object  {
    display: block; /* Switch display mode to block, since that's what we usually want for images. */
    vertical-align: middle;  /* If you override, and make an image inline, it's likely you'll want middle vertical alignment. */
}

/* limit maximum page width and center the page when limited. */
body {
    max-width: 1330px;
    margin: 0 auto;
}

.leaderboard_ad,
.big_leaderboard_ad {
    width: 320px;
    height: 50px;
}
@media (min-width: 728px) {
    .leaderboard_ad,
    .big_leaderboard_ad {
        width: 728px;
        height: 90px;
    }
}
@media (min-width: 970px) {
    .leaderboard_ad {
        width: 970px;
        height: 90px;
    }
    .big_leaderboard_ad {
        width: 970px;
        height: 250px;
    }
}

.tile_ad {
    width: 300px;
    height: 250px;
}

.fluid_ad {
    resize: both;
    overflow: hidden;
    width: 380px;
    height: 380px;
}

.leaderboard_ad,
.big_leaderboard_ad,
.tile_ad,
.fluid_ad {
    outline: 1px dashed black;
}