h1 {
    font-size: 1.85rem;
    line-height: 1.95rem;
    margin: 0 0 24px;
    max-width: 305px
}

.homeInternalNavDesc {
    display: none
}

#homeInternalNavContainer a,
#homeInternalNavContainer li,
#partnersLogosContainer,
#partnersLogosContainer figure {
    display: flex
}

#partnersLogosContainer {
    flex-wrap: wrap
}

#homeInternalNavContainer li {
    justify-content: space-between
}

#homeInternalNavContainer a:after,
#homeInternalNavContainer a:before,
#homeInternalNavContainer span:first-child {
    display: inline-block
}

#homeInternalNavContainer a,
#newsContainer>h2 {
    width: 100%
}

#homeInternalNavContainer span {
    flex: 1
}

#homeInternalNavContainer span,
#partnersLogosContainer figure img {
    margin: auto
}

#homeInternalNavContainer a,
#homeInternalNavContainer a:after {
    margin: auto 0
}

#homeInternalNavContainer ul {
    margin: 0
}

#homeInternalNavContainer li {
    background-color: #f6f6f6
}

#homeInternalNavContainer a span:first-child {
    color: #ff4502;
    font-family: Maax, Arial, sans-serif
}

#homeInternalNavContainer a:after {
    background-color: #0dc9d0
}

#homeInternalNavContainer a:after,
#homeInternalNavContainer a:before {
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 32px;
    width: 32px
}

#homeInternalNavContainer a:before {
    background-repeat: no-repeat;
    background-size: contain
}

#newsContainer>h2,
#partnersSectionContainer {
    text-align: center
}

#mainHeader {
    background-position-x: right !important;
    background-position-y: bottom !important
}

.webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/beachGuadeloupe_tab.89fc67b3.webp) no-repeat
}

.no-webp #mainHeader {
    background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/manIsWorking_mobile.32f38afa.jpg) no-repeat
}

#homeInternalNavContainer {
    margin-top: 55px
}

#homeInternalNavContainer li {
    animation: fadeInTop .4s ease both;
    animation-delay: .25s;
    border-radius: 10px;
    height: 45px;
    margin-bottom: 6px;
    padding: 3px 15px
}

#homeInternalNavContainer a span:first-child {
    font-size: .95rem;
    font-weight: 500;
    line-height: 1.05rem
}

#homeInternalNavContainer li:last-child {
    margin-bottom: 0
}

#homeInternalNavContainer a:before {
    margin: auto 12px auto 0
}

#homeInternalNavContainer a:after {
    background-image: url(https://www.keyliance.fr/build/images/arrowNext.9043b885.svg);
    background-size: 18px;
    border-radius: 50%
}

#homeInternalNavBuyback:before {
    background-image: url(https://www.keyliance.fr/build/images/dollarsCircles.f54fb564.svg)
}

#homeInternalNavConsumption:before {
    background-image: url(https://www.keyliance.fr/build/images/consumption.a07f63eb.svg)
}

#homeInternalNavMortgage:before {
    background-image: url(https://www.keyliance.fr/build/images/doubleHouses.cf33702d.svg)
}

#homeInternalNavInsurance:before {
    background-image: url(https://www.keyliance.fr/build/images/insurance.899cd313.svg)
}

#homeInternalNavSimulation:before {
    background-image: url(https://www.keyliance.fr/build/images/piggyBank.5e957a40.svg)
}

#partnersSectionContainer h3 {
    color: #f6f6f6 !important;
    font-size: 1.5rem;
    line-height: 1.62rem;
    margin: 0 0 22px
}

#partnersLogosContainer {
    margin-top: 15px
}

#partnersLogosContainer figure {
    height: 60px;
    margin: 15px auto 0;
    max-width: 180px;
    width: 48%
}

#partnersLogosContainer figure img {
    max-height: 100%;
    max-width: 100%;
    width: 80%
}

#sygmaLogo {
    max-width: 125px !important
}

#expandableQuestions {
    padding-top: 15px
}

#newsContainer>h2 {
    margin-bottom: 30px
}

@media(min-width:460px) {
    #partnersLogosContainer figure {
        height: 80px
    }
}

@media(min-width:560px) {
    #newsContainer>h2 {
        margin-bottom: 35px
    }
}

@media(min-width:768px) {
    h1 {
        font-size: 2.85rem;
        line-height: 2.85rem;
        margin-bottom: 45px;
        max-width: 470px
    }

    #partnersLogosContainer {
        margin-top: 25px
    }

    #partnersSectionContainer h3 {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.1rem;
        margin: 0 0 34px
    }

    #newsContainer>h2 {
        margin-bottom: 38px
    }
}

@media(min-width:1000px) {
    #homeInternalNavContainer ul {
        display: flex
    }

    .homeInternalNavDesc {
        color: #214754;
        display: inline-block
    }

    #homeInternalNavContainer a {
        backface-visibility: hidden;
        flex-direction: column;
        transform: perspective(1px) translateZ(0)
    }

    #homeInternalNavContainer ul {
        justify-content: space-between
    }

    #homeInternalNavContainer a,
    #homeInternalNavContainer a:after,
    #homeInternalNavContainer span:first-child {
        margin: 0 auto
    }

    #homeInternalNavContainer li {
        background-color: #fefefe;
        margin: 0
    }

    #homeInternalNavContainer a:first-child {
        text-align: center
    }

    #homeInternalNavContainer a:hover:after {
        transform: scale(1.2)
    }

    #homeInternalNavContainer a span:first-child,
    #homeInternalNavContainer a:after {
        pointer-events: auto
    }

    #homeInternalNavContainer a:after {
        transition: transform .3s ease
    }

    #mainHeader {
        height: 555px;
        padding: 200px 30px
    }

    .webp #mainHeader {
        background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(images/beachGuyane_tab.e65c6936.webp) no-repeat 50%
    }

    .no-webp #mainHeader {
        background: linear-gradient(180deg, rgba(33, 71, 84, .9), rgba(33, 71, 84, .9)), url(https://www.keyliance.fr/build/images/familyField1_desktop.ebc813dd.jpg) no-repeat 50%
    }

    #homeInternalNavContainer {
        margin-top: 98px
    }

    #homeInternalNavContainer li {
        box-shadow: 1px 4px 15px -1px rgba(51, 51, 51, .1);
        height: auto;
        padding: 14px 10px;
        width: 19%
    }

    #homeInternalNavContainer a {
        pointer-events: none
    }

    #homeInternalNavContainer span:first-child {
        flex: inherit;
        font-weight: 900
    }

    #homeInternalNavContainer a:before {
        height: 60px;
        margin: 0 auto 7px;
        width: 60px
    }

    #homeInternalNavContainer a:after {
        height: 40px;
        width: 40px
    }

    #homeInternalNavContainer a span:last-child {
        font-size: .8rem;
        line-height: 1.1rem;
        margin: 20px 0 28px
    }

    main article:first-child {
        margin-top: 210px !important
    }

    main article:first-child>div {
        padding-top: 0 !important
    }

    #partnersLogosContainer figure {
        cursor: pointer;
        max-width: inherit;
        transition: transform .5s ease;
        width: 25%
    }

    #partnersLogosContainer figure:hover {
        transform: scale(1.2)
    }

    #partnersLogosContainer figure img {
        width: 150px
    }

    #expandableQuestions {
        padding: 40px 0 75px
    }

    #newsContainer>h2 {
        margin-bottom: 42px
    }
}

@media(min-width:1000px)and (min-width:1200px) {
    #homeInternalNavContainer a span:first-child {
        font-size: 1.05rem;
        letter-spacing: .2px;
        line-height: 1.1rem
    }

    #homeInternalNavContainer li {
        padding: 14px 20px
    }

    #partnersSectionContainer p {
        margin: 0 auto 12px;
        max-width: 940px
    }

    #newsContainer {
        padding-top: 68px
    }
}

@media(min-width:1000px)and (min-width:1600px) {
    #homeInternalNavContainer a span:first-child {
        font-size: 1.12rem;
        line-height: 1.12rem
    }

    #mainHeader {
        background-position: 50% !important
    }

    #homeInternalNavContainer li {
        padding: 14px 22px
    }

    .articleContainers:nth-child(3n-1) {
        margin: 0 0 40px !important
    }

    .articleContainers:nth-child(3n-3) {
        margin: 0 2% 40px
    }
}