/* Largeur commune du site : 1300 px au plus, comme « Devenir Host », pour le
   menu, le pied de page et le contenu. Chargee apres les feuilles des pages
   (layouts/base.html) : elle l'emporte sur leurs largeurs.
   Exception : la grille des cartes de la liste des evenements va jusqu'a
   1440 px (eventlist.css, 5 cartes par ligne) ; son menu et son pied de page
   restent a 1300 px.
   Prefixe « body » : navbar.css et footer.css sont chargees plus loin, dans
   la page ; ces regles doivent l'emporter sur elles. */

body nav.navbar {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

/* Contenu des pages sans limite propre (accueil, pages d'aide) */
body .page-width {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 1400px) {
  /* 1320 px dans les paliers repris de Bootstrap (footer.css, socle.css) */
  body .site-footer,
  body .container {
    max-width: 1300px;
  }
}

/* Titre principal (H1) garde l'apparence de l'ancien titre de la page (H2 ou H3) :
   memes tailles que socle.css, les autres regles de la page etant etendues a
   h1.h-as-h2 / h1.h-as-h3 */
h1.h-as-h2 {
  font-size: calc(1.325rem + .9vw);
}

h1.h-as-h3 {
  font-size: calc(1.3rem + .6vw);
}

@media (min-width: 1200px) {
  h1.h-as-h2 {
    font-size: 2rem;
  }

  h1.h-as-h3 {
    font-size: 1.75rem;
  }
}

h1.h-as-h4 {
  font-size: calc(1.275rem + .3vw);
}

@media (min-width: 1200px) {
  h1.h-as-h4 {
    font-size: 1.5rem;
  }
}