h1,
h2 {
    margin: 25px 0;
}

.block-html {
    padding-left: 25px;
    padding-right: 25px;
}

.site-title {
    text-align: right;
    margin-top: 15px;
    margin-right: 15px
  }
  .site-title:hover {
    text-decoration: none
  }
  .site-title img {
    max-height: 72px;
    max-width: 100%
  }
  #header-image img {
    max-width: 100%;
    vertical-align: center
  }

.main-navigation {
        font-size: 1.5rem;    
    }

li {
    font-weight: 100;
}

.footer-block {
    text-align: center;
    padding: 25px 0;
    border-top: 1px solid #ddd;
    margin-top: 50px;
}

.footer-block p {
    margin: 0;
    font-size: 0.9rem;
    color: #666;
}

@media (max-width: 768px) {
  header .site-title img {
    max-width: 300px; 
    height: auto;
  }

  /* un peu d’espace entre logo et hamburger */
  header .site-title {
    margin-right: 0.5rem;
  }
}

a {
  color: #920b0b;
}

a:hover {
   text-decoration: underline;
}

/* Liens du menu principal : blancs, même si règle globale met les autres en rouge */
.main-navigation a {
  color: #ffffff;
  text-decoration: none;
}

.main-navigation a:hover {
  color: #ffffff;          /* reste blanc au survol */
  text-decoration: underline;
}
