#tarifs, #infos {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    width: 100%;
    max-width: 800px;
}

#tarifs h1, #infos h1 {
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}

#tarifs ul, #infos ul {
    list-style-type: disc;
    margin-left: 20px;
}

/* Media Queries for responsive design */
@media (min-width: 820px) {
    main {
        flex-direction: row; /* Align content side by side on larger screens */
    }

    #tarifs + #infos {
        margin-left: 20px;
    }
}