@media (min-width: 576px) {

    .associes__bottom {
        grid-template-columns: repeat(2, 1fr);
    }

    .expertises__bottom {    
        flex-direction: row;
    }
}

@media (min-width: 768px) {
	
	.contanct__nous__parent {
		display: block;
	}
    
    .info__details {
        display: flex;
    }
    
    .expertises__bottom {
        justify-content: space-between;
    }

    .expertises__left {
        min-width: 488px;
		min-height: 285.56px;
    }

    .manifeste__content {
        flex-direction: row;
    }

    .footer__logo {
		padding-bottom: 14px;
    }

    .footer__media__group {
        grid-template-columns: repeat(2, 1fr);
    }
	
	.footer__container {
    	padding-bottom: 24px;
	}

    .footer__copy__nav {
        flex-direction: row;
        align-items: center;
    }

    .footer__nav {
        gap: 3px;
    }

    .section__team {
        height: 488px;
    }

    .section__team img {
        height: 100%;
        object-fit: cover;
        object-position: 100% 6%;
    }

    .header__nav {
        visibility: visible;
        animation: opacityUp 1s ease-in-out 4.5s forwards;
    }

    .header__nav.no-delay {
        animation: opacityUp 1s ease-in-out forwards;
    }

    @keyframes opacityUp {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}

@media (min-width: 880px) {
    .right__title {
        text-align: left;
        left: calc(100% + 13px);
		right: auto;
        bottom: 0;
        max-width: 100%;
  		min-width: 325px;
	}

    .left__title {
        text-align: right;
        right: calc( 100% + 13px);
        top: 0;
    }
}

@media (min-width: 992px) {
    
	.footer {
        align-items: center;
        flex-direction: row;
    }
	
	.footer__logo {
        padding: 39px 37px;
		padding-bottom: 14px;
    }
	
	.associes__bottom {
        grid-template-columns: repeat(3, 1fr);
    }

    .associe__content {
        transform: translateY(121px);
        transition: all 0.3s ease-in-out;
        opacity: 0;
    }

    .associe:hover .associe__content {
        opacity: 1;
        transform: translateY(0px);
    }

    .back__logo {
        opacity: 0;
    }

}

@media (min-width: 768px) {

    /* .right__title {
        font-size: 72px;
        line-height: 72px;
    }

    .left__title {
        font-size: 72px;
        line-height: 72px;
    } */
}

@media (min-width: 1200px) {
    .associes__bottom {
        grid-template-columns: repeat(4, 1fr);
        padding-left: 0;
        padding-right: 0;
    }

    .footer {
        gap: 155px;
    }
}

@media (min-width: 1400px) {
    .associes__bottom {
        grid-template-columns: repeat(4, 1fr);
        padding-left: 0;
        padding-right: 0;
    }

    .footer {
        gap: 455px;
    }
}