.basiepromo { text-align: center; } .basiepromo h2 { margin-top: 0px; } .basiepromo h4 { color: #000000; margin-bottom: 0px; } .basiepromoimage { max-width: 435px; margin-bottom: 25px !important; padding: 0px !important; } .basiepromorule { clear: both; margin-bottom: 40px; } .title-basiepromo { color: #3185c9; font-size: 46px; letter-spacing: 2px; text-align: center; } .basiepromolisting { max-width: 380px; display: inline-block; margin-right: 14px; margin-left: 14px; text-align: center; vertical-align: top; min-height: 343px; background-color: #ffffff; }.basielisting { max-width: 380px; display: inline-block; margin-right: 14px; margin-left: 14px; text-align: center; vertical-align: top; min-height: 125px; background-color: #ffffff; } .basieprogram { max-width: 596px; display: inline-block; } .basieleft { margin-right: 2%; } @media screen and (max-width:600px) { .basiepromolisting { min-height: 343px; margin-bottom: 0px; z-index: 9; } .basiepromo { margin-top: 0px; } .basieleft { margin-right: 0px; } .basiepromolisting { margin-bottom: 0px; } .basieprogram { margin-bottom: 20px; } .barlisting { max-width:100px; max-height: 100px; } } .basiemobile { visibility: hidden; display: none; } .basiedesktop { display: block; } @media screen and (max-width:1000px) { .basiemobile { visibility: visible !important; display: block !important; } .basiedesktop { visibility: hidden !important; display: none !important; } }