@media (min-width: 600px) {

    .listOfPosts { display: flex;  justify-content: space-between; gap: 50px; flex-direction: row; align-items: stretch;  }
    .listOfPosts .postThumbnailLink { height: 100%; }
    
}



@media (min-width: 760px) {


    

    /*** header ***/
    
 
    /*** headings ***/
    .txt {  }
    h1, .txt h1 {  }


    .txt .servicesSection.wp-block-group.alignfull.has-background { padding-top: 70px; padding-bottom: 70px; }

    
    .chapo { font-size: 22px; }
    
    /*** Mobile menu ***/


    /*** navigation ***/
    .navigation.pagination a.page-numbers.next, .navigation.pagination a.page-numbers.prev { display: inline-block; } 
    
    /*** listsOfPosts ***/
    .pageHeader { padding: 50px 0;  }
    .pageHeader h1, .pageHeader p.title1 { font-size: 50px; } 
    
    /*** single post header ***/
    .singleHeaderRow { padding-top: 50px; }
    
    .singlePostHeader > .main { display: flex; flex-direction: row; position: relative; align-items: center; justify-content: space-between; min-height: 13vw; }
    .singlePostInfos { max-width: 65%; }
    .singlePostThumbnail { width: 30%; max-width: 30%; }
    .singlePostThumbnail img { aspect-ratio: 3 / 2; }
    .singleTxt {  }
   
    /*** home ***/
   
    /*** contact ***/
    .wpcf7-form textarea { min-height: 368px;  }
    
    .txt .noMarginBottomDesktop { margin-bottom: 0; }
    .txt .noMarginTopDesktop { margin-top: 0; }
    .txt .noMarginDesktop { margin-top: 0; margin-bottom: 0;  }
    
    .singlePostInList { display: flex; gap: 50px; }
    .singlePostInList > * { flex-basis: 50%; }
    .singlePostInList > .postThumbnailWrapper { margin-bottom: 0; }
    
    

}




@media (min-width: 780px) { 
    .columnsContactTitle { align-items: baseline!important; }
    .wp-block-column:not(:first-child) { margin-left: 50px; }
    
    .homeTopCols > .wp-block-column:last-child { display: block; }
    .titleWings { font-size: 36px; }
    .titleWings:before, .titleWings:after { width: 135px; height: 25px; margin-right: 30px; }
    .titleWings:after { margin: 0 0 0 30px; }
    
    .contactMapWrapper .titleWings:before, .contactMapWrapper .titleWings:after { display: inline-block; }
}


@media (min-width: 1002px) { /*** 992px ***/

    
    
    :root { 
        --site-content-padding-vertical: 100px;
        --site-content-padding-vertical-minus: -100px;
        --site-content-margin-horizontal: 50px;

    }
    
    /*** header ***/
    .mainNavigationDesktop { display: block;  }
    
    
    .socialLinks > ul, .socialLinks > a { display: inline-block;  }
    
  
    .logo img { height: 85px; }
    .logo a .tagline { display: block; }
    .logo { position: relative; padding-left: 69px; }
    .logo a { padding-bottom: 5px; }
    .logo:after { content: ''; width: 348px; height: 67px; background: transparent url(../img/header-curve.png) no-repeat 0 0; position: absolute; z-index: 10; left: 0; top: 100%; transform: translateY(-6px); }
    
    
    .site-content {  }
    .topSection {  }
    
    /*** Menu ***/
    
    .navigationWrapper { border-bottom: 1px solid #fff; }
    
    
    .mobileMenuSelector { display: none; }
    .menuWrapper  { display: block!important; flex-basis: auto; width: auto; clear: none; padding-bottom: 0; text-align: center; }

   
    .pageHeader { }
    
    .showOnDesktop { display: block; }

    /*** Footer ***/
    .site-footer .footerMain { flex-direction: row-reverse; justify-content: space-between; }
    .site-footer .footerLinks { flex-direction: row; justify-content: flex-start; gap: 45px; }
    .logoFooter { align-self: center; position: relative; }
    .logoFooter:before, .logoFooter:after { content: ''; background: transparent url(../img/foot-sep.png) 50% 50% no-repeat; display: block; width: 2px; height: 111px; position: absolute; z-index: 2; left: -50px; top: 50%; transform: translateY(-50%); } 
    .logoFooter:after { left: auto; right: -50px; }
    .footer-articles { display: flex; gap: 5px;}
    .footer-articles li:before { content: '/'; margin-right: 5px; }
    .footer-articles li:first-child:before { content: none; }

    /*** general ***/
    
    .grandColumns { display: flex;  }
    .grandColumns .grandColumnSmall { flex-basis: 250px; display: block; }
    .grandColumns .grandColumnSmallContent > div { padding-top: 25px; padding-bottom: 50px; }
    .grandColumns .grandColumnSmallContent > div:after { 
        content: ''; position: absolute; z-index: 2; right: 0; top: 0; bottom: 0; width: 1px; background: rgb(255,255,255);
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, var(--color-light) 50%);
    }
    .grandColumnGrand { flex-basis: calc(100% - 320px); padding-left: 50px; padding-top: 35px; }
    
    
    .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) { /*margin-left: 60px;*/ }
    .txt > .wp-block-group.alignwide.has-background, .txt > .wp-block-group.alignfull.has-background {
        padding: 50px; 
    }
    
  
    
    /*** single ***/
    .singleHeaderRow > .postHeader {  }

    
    /*** listsOfPosts ***/
    
    .txt .swiper-button-prev { right: calc(100% + 40px); left: auto; }
    .txt .swiper-button-next { left: calc(100% + 40px); right: auto; }
    .txt .swiper-button-next span, .txt .swiper-button-prev span { display: inline; }
    .txt .swiper-button-prev:not(.swiper-button-lock), .txt .swiper-button-next:not(.swiper-button-lock) { display: block; }
    
    
    /*** home ***/
   
    .homePageHeader {  min-height: calc(100vh - 70px);    }
  
   .topVideoBackground { min-height:calc(100vh - 240px)!important; }
   .topVideoBackground h1 { }
   
   .homeSpacer { min-height: 8vw; }
        
    /*** Contact ***/
   
    .txt .histoireFriseCols > .wp-block-column:first-child { position: relative; top: -15px; }
    
   
}



@media (min-width: 1220px) { 
    
    
    .maxWidth70p { max-width: 70%; }
    .maxWidth80p { max-width: 80%; }
    
    .homeTopCols h1 { font-size: 32px; }
    
    .singlePostHeader > .main { min-height: 250px; }
    
    .narrowerContent { padding-left: 96px; padding-right: 96px; }
    .contactBlockWrapper { margin-bottom: -50px; margin-block-end: -50px!important; }
    
    .homeBottomCols > .wp-block-column {padding-left: 25px; padding-right: 25px; }
    
    .logoFooter:before { left: -100px;  } 
    .logoFooter:after { left: auto; right: -100px; }
    
}

@media (min-width: 1340px) { 

    
}



@media (max-width: 330px) { 
    .txt { background-size: auto 100px; }
}

@media (max-width: 780px) { 
    .txt .topWhiteGroup.alignwide { padding-left: 5%; padding-right: 5%; margin-left: 0; margin-right: 0; width: 100%; }
}