#main{
    margin-top: 92px;
}

@media (max-width: 850px) {
    #main{
        margin-top: 82px;
    }
}

/*todo fix problem with maps not keeping the aspect ratio*/

/*handling the info-pratique backgrounds*/
.maps-with-weird-svg-background {
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-size: contain;
    width: 85%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("./images/Group.svg");
}

.iframe-map{
    aspect-ratio: 2/1;
    width: 80%;
    margin: 5%;
}

.title-map-plan{
    text-align: center;
}

@media (max-width: 850px) {
    .maps-with-weird-svg-background {
        background-image: none;
        width: 100%;
    }

    .title-map-plan{
        font-size : 2.3em;
    }
    .iframe-map{
        width: 80%;
        height: 50vh;
    }
}

/*allow everything to take up some space*/
#main-info-pratique{
    height: auto;
    display: flex;
    flex-direction: column;
}

/*paragraph hadling*/

.paragraph-info {
    font-size: 1.3em;
    padding: 10px;
    text-align: center;
    max-width: 80vw;
    margin: auto;
}

@media (max-width: 850px) {
    .paragraph-info {
        font-size: 1em;
    }
}

.title-info-pratique{
    text-align: center;
    text-decoration: underline;
    text-decoration-thickness: 15%;
    text-underline-offset : 5px;
    font-weight: bold;
    font-size: 1.7em;
    padding: 15px;
    line-height: 1.3em;
}