.iconehome {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 40px;
}
/*Menu desktop*/
.menu0, .menu1, .menu2, .menu3, .menu4 {
  max-width: 100%;
}
.flex-container {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 0px;
  margin: 0;
}

.flex-items:nth-child(1) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 22%;
}

.flex-items:nth-child(2) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 22%;
}

.flex-items:nth-child(3) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 22%;
}

.flex-items:nth-child(4) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  order: 0;
  width: 11%;
}

.flex-items:nth-child(5) {
  display: block;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 11%;
}



body {
max-width:100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  align-content: normal;
margin: 0;
}

h1 {
  padding: 40px;
}

h1, h2, h3, p, li {
font-family: "wotfard";
}



.h1 {

font-size: 19px;
  position: relative;
  top: 0px;
  left: 0px;
  background: #e5e5e5f0;
  padding: 51px 39px 39px 70px;
  width: 100%;
  margin: 0;
  height: 50px;
box-sizing: content-box;
text-align: center;
}

nav {
  position: relative;
  background: #878787;
  width: 100%;
  margin: 0px;
  top: 0px;
  padding: 4px 0 4px 0px;
}


p, li {
  color:grey;
}
p {
line-height: 1.5;
}
a {
  color: #3f3f3f;
  text-decoration:none;
}
a:hover {
  color: #b8b8b8;
}
img {
max-width: 100%;
}

.qrcode {
  max-width:200px;
}

.citation {
  padding:10px;
}

#portfolio {
width: 47%;
}

main, section {
flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  width: 75%;
  border-bottom: solid 5px #838383;
  padding-top: 160px;
  padding-bottom: 20px;
  display: block;}

/*portfolio 123 05 10 2025*/

#portfolio1, #portfolio2, #portfolio3 {
    max-width: 800px;
    width: 800px;
}



@font-face {
    font-family: 'wotfard';
    src: url('font/wotfard-bold-webfont.eot');
    src: url('font/wotfard-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/wotfard-bold-webfont.woff2') format('woff2'),
         url('font/wotfard-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


@media (min-width: 789px) and (max-width: 1380px) {
a {
  font-size: 0.5em;
  text-align: center;
}
}
@media (min-width: 2px) and (max-width: 790px) {
  #portfolio {
    max-width: 100%;
}
.textemenu {
  padding-left: 20px;
}
.h1 {
width: auto;
    font-size: 17px;
    padding: 40px;
text-align: center;
}
nav {
display:block;
}
.bloc > img {
  max-width: 370px;
}
section {max-width: 100%; }

.flex-container {
  flex-direction: column;
}

.flex-items:nth-child(1), .flex-items:nth-child(2), .flex-items:nth-child(3)
{
  width: 100%;
}
.flex-items:nth-child(4), .flex-items:nth-child(5) {
  width: 50%;
}

#portfolio1, #portfolio2, #portfolio3 {
    max-width: 100%;
    width: auto;
}

}