@media screen and (max-width: 480px){
    .lifespace{ height: auto; }
    .lifespace .inner{
        flex-direction: row;
        height: auto;
        flex-wrap: wrap;
        column-gap: 15px;
        row-gap: 15px;
    }
    .lifespace .item.text{
        flex: 0 0 100%;
        margin: 0;
    }
    .lifespace a.item{
        width: calc(calc(100% / 2) - 15px);
        height: 150px;

        object-fit: cover;
        object-position: center;
    }
    .lifespace .item img{
        width: 100%;
        height: 100%;

        object-fit: cover;
    }

    .section.poster{ padding: 30px 0; }
    .poster .image .img-full{
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
    }
    .poster .text{ margin: 30px 0; }
    .poster .text .text-mix{ font-size: 2.4em; }
    .poster .text .text-mix .cursive{ display: block; }

    .discover .actions{
        justify-content: flex-start;
        margin: 30px 0;
    }
    .row.posts{ row-gap: 30px; }
    .blocs{
        margin-top: 30px;
        margin-bottom: 30px;
        row-gap: 30px;
    }
    footer{ margin-bottom: 125px; }
    footer .upfooter{ padding-bottom: 90px; }
    footer .madeby{ top: -65px; }
    footer .subfooter .container{ text-align: center; }

    .contacts .col-md-8 .second-title{
        margin-top: 60px;
        text-align: left;
    }

    .booking .bg{
        background-image: url(../img/logotype.svg?v=0.1);
        background-position: center -180%;
        background-size: 70% auto;
    }
    .section.discover:not(.category){
        padding-left: 0;
        padding-right: 0;
    }
    .section.discover:not(.category) .posts, .teams .row{
        flex-wrap: nowrap;
        overflow-x: auto;
    }
    .section.discover:not(.category) .posts .post,
    .teams .row .team{ flex: 0 0 90%; }
    .section.carousel .links{ column-gap: 0; }
    .section.carousel .images{ column-gap: 15px; }
    .section.carousel .images .item:first-child{ margin-left: 0; }
}

@media screen and (max-width: 960px){
    #header{ padding: 30px 0; }
    #header .logo-holder{
        width: 100%;
        position: relative;
    }
    #header .menu{ display: block; }
    #header .nav-holder{ display: none; }

    /* footer{ margin-top: 200px; } */
    footer .prefooter{
        top: -160px;
        flex-direction: column;
    }
    footer .prefooter a{ margin-top: 15px; }
    .footer .bloc{ margin-bottom: 30px; }
    .footer .bloc.socials h3{
        text-align: left;
    }
    .footer .bloc.socials > ul{ justify-content: flex-start; }
    footer .goup{
        bottom: 15%;
        left: 90%;
    }
    footer .madeby{ bottom: 45px; }
}