/******************************************************************************* General *******************************************************************************/ #table-planning { width: 100%; border: none; border-collapse: separate; border-spacing: 10px; font-size: 15px; } #table-planning th { border: none; border-radius: 5px; background: #414141; font-weight: bold; width: 12.5%; font-size: 17px; } #table-planning td { padding: 0; margin: 0 0 0 0; } .horaires { background: none; border: none; border-top: 1px solid #ccc; text-align: right; vertical-align: top; } .event { border-radius: 10px; border: none; color: white; vertical-align: middle; transition: 0.3s; cursor: pointer; text-align: center; } /******************************************************************************* Events Specific *******************************************************************************/ .discours { background-color: #212121; } .remise_niveau { background-color: #d2a000; } .barbecue, .banquet, .act_prev { background-color: #7fa1b3; } .fabcamp { background-color: #004568; } .soir { background-color: #2696a2; } .escape_game { background-color: #929ba8; } .com_ville { background-color: #bbe19e; } .com_walle { background-color: #a20000; } .wini { background-color: #b7472a; } @media screen and (max-width: 750px) { #table-planning { font-size: 10px; } #table-planning th{ font-size: 12px; } }