/************/
/* XL + XXL */
/************/


#index .img-banner {
  height: 330px;
}
#intro .img-banner.img-banner-g {
  background-image: url("img/banniereg-lg.jpg");
}
#intro .img-banner.img-banner-d {
  background-image: url("img/banniered-lg.jpg");
}

#bottom-banner {
  height: 200px;
}

.content h2 {
  font-size: 3rem;
  margin-top: 1.45em;
}

.content p {
  font-size: 0.96rem;
}

.content p.subtitle {
  font-size: 1.2rem;
}

.content p.comment {
  font-size: 2rem;
}

.content p.legend.m-top {
  margin-top: 5em;
}

.content .img-box {
  margin-top: 5em;
}

.content .img-box.img-arch,
.content .img-box.img-arch + h4 {
  box-shadow: -25px 25px 0 1px var(--or-lin);
}
.content a:hover .img-box.img-arch {
  box-shadow: -25px 25px 0 1px var(--or-lin-fonce);
}
.content a:hover .img-box.img-arch + h4 {
  box-shadow: -25px 25px 0 1px rgba(209, 199, 173, 0.8);
}

.content .btn-socialnetwork {
  font-size: 2rem;
}

.content#info-pratique {
  padding-top: 3em;
  padding-bottom: 3em;
}

#index #who {
  padding-bottom: 6em;
}
#index #who .img-box {
  box-shadow: -25px 25px var(--or-ocre);
  border-radius: 400px 400px 4px 4px;
  height: 330px;
}
/* OR zigouigouis*/
#intro + div.content::before  {
  background-size: 60% auto;
  background-position: top right;
  width: 90%;
}
#equipe #intro + div.content + div.content::before {
  margin-left: -9em;
}

#equipe h2 {
  font-size: 2.6rem;
}

#pedagogie-montessori #histoire h2 {
  margin-bottom: 1em;
}
#pedagogie-montessori #histoire .img-box {
  margin-top: 0;
}

#contact h2:first-of-type {
  margin-top: 0;
}

/* Spécifique OR - CONTACT*/

#contact #cabinet .img-box {
  height: 350px;
}

/* BOOTSTRAP XXL */
@media screen and (min-width: 1400px) {

  #intro .img-banner {
    height: 550px;
  }
  
  #intro + div.content::before  {
    width: 70%;
  }
  
  #index #who .img-box {
    height: 380px;
  }

}