/* verger Hero Section */
.verger-hero {
    width: 100%;
    background: #ffffff;
    background-color: transparent;
    z-index:-20;
    margin-bottom: 40px;
}

.verger-hero__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center!important;
    justify-content: center;
    width: 100% !important;
}

.verger-hero__row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center!important;
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap !important;
    height: 55px;
}

/* Colonnes responsive */
.verger-hero-left,
.verger-hero-right,
.verger-hero-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

  }

/* Titres */
.verger-hero-title {
    font-size: 2rem;
    margin-bottom: 0.2rem;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(30px);  
    text-align: center;
}

/* Mobile - 350px */
@media (min-width: 350px) {    
.verger-hero__row {   
    height: 80px;
}
}

.verger-hero__row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center!important;
    justify-content: center;
    width: 100%;
    flex-wrap: nowrap !important;
    height: 55px;
}

/* Tablet : 768px */
@media (min-width: 768px) {
    .verger-hero__row {
	    height: 222px;
    }
}

/* Large Desktop : 1024px */
@media (min-width: 1024px) {
    .verger-hero__row {
	height: 277px;
    }
    
    .verger-hero-title {
        font-size: 2.2rem;
    }
    }


/* Desktop : 1200px */
 @media (min-width: 1200px) {
    .verger-hero__row {
	height: 350px;
}

    .verger-hero-title{
        font-size: 2.7rem;
    }
 }

/* Extra Desktop : 1400px */
@media (min-width: 1400px) {    
    .verger-hero__row {
    	height: 375px;  
    }
    .verger-hero-title {
        font-size: 3.1rem;
    }
}

/* Extra Extra Desktop : 1600px */
@media (min-width: 1600px) {
    .verger-hero__row {
	height: 540px;
    }
    
    .verger-hero-title {
        font-size: 3.2rem;
    }
     
}

/* Extra Extra Extra Desktop : 1900px */
@media (min-width: 1900px) { 
    .verger-hero-title {
        font-size: 3.6rem;
    }
}