main{
    display: flex;
    flex-direction: column;
    align-items: center;
}

h2{
    font-size: xxx-large;
}

h4{
    font-size: 1.2em;
    padding: 0 10px;
}

#headTarifs{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#headTarifs p{
    margin-top: 0;
}

table{
    border-collapse: collapse;
}

.thead{
    background-color: #2db456;
    color: #fff;
}

table, th, td{
    font-size: 1.2em;
    border: #787878 1px solid;
}

td{
    padding: 1.5vh;
    padding-left: 2vw;
    padding-right: 2vw;
}

@media screen and (max-width: 800px) {
    h2{
        font-size: xx-large;
    }
    h4{
        font-size: 0.9em;
    }
    table{
        margin: 0 10px;
    }
    td{
        font-size: 0.9em;
    }
}

@media screen and (max-width: 500px) {
    td{
        font-size: 0.8em;
    }
}