section  {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

main ul {
    background-color: var(--dark-color);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 0;
    margin: 0;
}


main ul li {
    font-family: var(--font-header) !important;
    color: var(--light-color) !important;
    font-size: 20px;
    width: 15% !important;
    text-align: center;
    list-style-type: none;
}

main img:first-child {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border: 5px solid var(--dark-color);
    box-sizing: border-box;
}

#msd-presentation {
    width: 60% !important;
    border-bottom: solid 5px var(--dark-color);
    padding-bottom: 60px;
    padding-top: 100px;
    margin-bottom: 120px;
}

#heading-homepage {
    display: flex;
    justify-content: center;
    align-items: center;
}

h1 {
    text-align: center;
    font-size: 40px !important;
}

main p {
    font-size: 25px !important;
}

main p span {
    padding-top: 5px;
}

#new-construction {
    width: fit-content !important;
}

#msd-presentation a {
    width: 20% !important;
    min-width: -moz-fit-content;
    min-width: -webkit-fill-available;
    min-width: fit-content;
    margin: 50px auto 20px auto;
}

#vca-mention {
    width: 55% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 120px 0 0 0;
}

#vca-mention a {
    font-size: 25px !important;
    text-decoration: none;
    color: var(--dark-color);
    font-family: var(--font-body);
}

@media only screen and (max-width: 1200px) {
    img:last-child {
        transform: scale(0.8);
    }
    
    main ul li,  .title-lines, #type-work{
        display: none;
    }

    #msd-presentation {
       margin-bottom: 50px !important;
    }

    #msd-presentation h1 {
        transform: scale(0.95);
    }

    #vca-mention {
        margin-top: 0 !important;
    }
}