h1 {
  font-size:2.5em;
}

h2 {
  font-size:1.5em;
}

.default_content {
  display:table;
  width:100%;
}

.content {
  padding:40px;
}

.demarche .content {
  color: #f1f1f1; /* Grey text */ 
}

body {
  font-size:1.2em;
}

.biography img {
  float:left;
  width:30%;
  padding-right:20px;
}

.biography {
    padding-bottom:20px;
}

.portrait-page img {
  margin-bottom:20px;
}

.demarche {
  background-color:var(--red);
  padding:5%;
  color:var(--white);
}

.demarche-illustration {
  float:right;
  height:400px;
  width:400px;
  object-fit:cover;
  padding:20px;

}

@media (max-width: 707px) {
  .suppl {
    display:none;
  }

  .demarche-illustration {
    float:none;
    padding: 0px;
    height:200px;
    width:200px;
  }

  .biography img {
    width:80%;
    text-align:center;
  }
}