@media (min-device-aspect-ratio: 16/11) and (max-device-aspect-ratio: 16/10) { /*MACBOOK*/

}


@media (min-width: 1025px) { /* Desktop */

}

/* Tablette */
@media (min-width: 768px) and (max-width: 1024px) {

   
    .mainBlock { padding: 0 3em; }
    .border-section { padding: 0 0 2em 2em; }


    .mainBlock .border-section { padding: 0 0 2em 2em; }

    #enga-content.flex-col { gap: 2em; }
    #enga-content .kps-container { row-gap: 1em; }
    #enga-content .kps-container .kps-item { gap: 1em; }
    #enga-content .kps-container .kps-item p { height: 4em; }
    #enga-content .kps-container .kps-item svg {
      max-width: 6em;
      max-height: 6em;
    }

    #partners { padding: 2em 6em 4em; }
    #partners .logos {
        justify-content: flex-start;
        flex-wrap: wrap;
        column-gap: 6em;
        row-gap: 2em;
    }
}

/* Mobile */
@media (max-width: 767px) {
    #splash{ padding: 1em; }
    #splash div{ aspect-ratio: 1/1; border-radius: 2em; background-position: calc(100% + 2.5em) center; }

    .mainBlock{ padding: 0 1em; }
    .mainBlock .border-section { padding: 0 0 2em 0; border: none; }
    .mainBlock section { border: none; min-height: 25em; }

    #enga { padding: 1em; }
    #enga h2 { text-align: center; margin: 0.5em auto 1em; }
    #enga h3, #proj h3 { text-align: center; }

    #enga-content.flex-col { gap: 2em; }
    #enga-content .kps-container { row-gap: 1em; }
    #enga-content .kps-container .kps-item { gap: 1em; flex: 0 0 50%; }
    #enga-content .kps-container .kps-item svg { max-width: 6em; max-height: 6em; --svg-fill: var(--seventh-color-grad0); }

    #proj { padding-top: 1em; }
    #proj h3 { margin: 1em 0; padding: 0 0.5em; }
    #proj-content p.medium-texts { font-weight: 500; }
    #proj-content.flex-col { gap: 1em; }


    #proj-content .kps-img-container { flex-direction: column; margin: 4em 0; }
    #proj-content .kps-img-container .kps-item { display: flex; flex-direction: row; }
    #proj-content .kps-img-container .kps-item:nth-child(even) { flex-direction: row-reverse; }
    #proj-content .kps-img-container .kps-item:nth-child(even) .kps-text { text-align: right; }
    #proj-content .kps-img-container .kps-item svg { margin: 0; }
    #proj-content .kps-img-container .kps-item,
    #proj-content .kps-img-container .kps-item.active-item { width: auto; }
    #proj-content .kps-img-container .kps-item.active-item img { transform: initial; }
    #proj-content .kps-img-container .kps-item .kps-text { display: inline-block; }
    #proj-content .kps-img-container .kps-item .kps-text span { display: initial; }

    #proj-content .kps-text-container { display: none; }
    
    #partners { padding: 1em; /*font-size: 0.5em;*/ }
    #partners h2 { margin-bottom: 1em; }
    #partners .logos { flex-wrap: wrap; row-gap:1em; }
    #partners .logos span { flex-basis: 33%; }
    #partners .logos img { height: auto; width: 100%; max-height: 4em; max-width: 6em; }

}