@media (min-width: 576px) { 

h1 {
    font-size: 250%;
}
}

@media (min-width: 768px) { 
.table>:not(caption)>*>* {
    padding: 15px 15px!important;
    vertical-align: middle;
}


.infos-du-jour {
    margin-top: 0px;
}
.container-infos {
    overflow: auto;
}
    .green-button-index {
    margin-top: 0px;
}
#vue-globale-button {
    margin-top: 0px;
    margin-bottom: 20px;
}
#add-new {
    font-size: 130%;
    padding: 20px 35px;
    margin-top: 0px;
}
h1 {
    font-size: 200%;
}
.nav-vue-globale {
    width: 25%;
}
.container-infos {
    padding: 35px;
}
p.date_mois {
    text-align: center;
    font-size: 120%;
    margin-top: -10px;
    margin-bottom: 30px;
}
     }

@media (min-width: 992px) { ... }

@media (min-width: 1200px) { ... }