/* screen size stuff */

#banner1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile_image,
.banner_image {
    display: block; /*this gets rid of the 2px gap under the img */
}

#banner2,
#ad_small_mobile_top,
#ad_small_mobile_middle,
#ad_small_mobile_bottom,
#ad_large_banner_top,
#ad_large_banner_middle,
#ad_large_banner_bottom,
#ad_slim_left_side,
#ad_slim_right_side,
.bottom_banner_wrapper,
.middle_banner_wrapper,
#ad4 {
    display: none;
}

/* ===== ≤1801px ===== */
@media (max-width: 1601px) {

    #ad_billboard_left_side,
    #ad_billboard_right_side {
        display: block;
    }
}

/* ===== ≤1800px ===== */
@media (max-width: 1600px) {
    #ad_billboard_left_side,
    #ad_billboard_right_side {
        display: none;
    }

    #ad_slim_left_side,
    #ad_slim_right_side {
        display: block;
    }
    .middle_banner_wrapper {
        display: none;
    }
    .bottom_banner_wrapper {
        display: none;
    }

}

/* ===== ≤1400px ===== */
@media (max-width: 1000px) {
    #ad_slim_left_side,
    #ad_slim_right_side {
        display: none;
    }

    #ad_large_banner_top,
    #ad_large_banner_middle,
    #ad_large_banner_bottom {
        display: block;
    }
    .middle_banner_wrapper {
        display: flex;
    }
    .bottom_banner_wrapper {
        display: flex;
    }

}

/* ===== ≤750px (mobile) ===== */
@media (max-width: 760px) {
    #banner1 {
        display: none;
    }

    #banner2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    #ad_small_mobile_top,
    #ad_small_mobile_middle,
    #ad_small_mobile_bottom {
        display: block;
    }

    #ad_large_banner_top,
    #ad_large_banner_middle,
    #ad_large_banner_bottom {
        display: none;
    }
    .middle_banner_wrapper {
        display: flex;
    }
    .bottom_banner_wrapper {
        display: flex;
    }
}