/*header style*/
header {
   text-align: center;
   padding: 20px;
}
/*navi
gation menu style*/

body {font-family: Calibri, Roboto, 'Open Sans', sans-serif;}

.logo img {min-width: 30em;}

.presentation {
  max-width: 45em;
  text-align: left;
  margin:1em auto;
}

.questionnaires
{text-align: center;
font-weight: bolder;
font-size: 1.2em;
}

ul {
  list-style-type: none;
  padding-left: 0;
}
li {
  margin:2em;
}

a:hover {color:white;}

li span {
  padding:0.8em;
  border-radius: 0.5em;
}



li.eleves span {background-color: #ED7D31;}

li.parentscollege span {background-color: #70AD47;

}

li.parentsecole span {background-color: #FFC000}

li span:hover {background-color: #06BFBA}

.partenaires,
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
}


.partenaires img {
  max-width: 15em;
  max-height: 5em;
  margin: 0.5em;
}


nav {
   text-align: center;
   word-spacing: 30px;
   Padding: 10px;
}
/*creating the two-column layout*/
*{
   box-sizing: border-box;
}
.row {
   display: flex;
   flex-wrap: wrap;
}
.post-text-box {
   flex: 70%;
   padding: 20px;
}
.profile {
   flex: 70%;
   padding: 20px;
}
/*profile image and heading style*/
.profile img {
   width: 120px;
   display: block;
   margin-left: 0;
   margin-right: 0;
}
.profile h1 {
   text-align: center;
}