@font-face {
  font-family: 'Insolente';
  src: url('fonte/Insolente-Regular.woff') format('woff2'),
    url('fonte/Insolente-Regular.woff2') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: 'Adelphe Floreal1';
    src: url('fonte/Adelphe-FlorealSemiBold.woff2') format('woff2'),
        url('fonte/Adelphe-FlorealSemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Adelphe Floreal';
    src: url('fonte/Adelphe-FlorealRegular.woff2') format('woff2'),
        url('fonte/Adelphe-FlorealRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Adelphe Fructidor';
    src: url('fonte/Adelphe-FructidorRegular.woff2') format('woff2'),
        url('fonte/Adelphe-FructidorRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Forme bouton paragraphe*/
p {
  max-width: 25vw;
  text-decoration: none;
  font-size: 1.3vw;
  color: black;
  font-family: 'Adelphe Fructidor';
  line-height: 1.5vw;

 
}
h5{font-family: 'Insolente';
font-size: 2.1vw;
text-decoration: none;
color: black;
max-width: 25vw;
margin-top: 0;
margin-bottom: 0;


}

a {
  text-decoration: none;
}

img {
  width: 12vw;
  height: auto;
}


body {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2vw 1vh;
    padding: 2em;
   
}


@media (max-width: 740px) {
  body {
     grid-template-columns:  1fr;
     gap: 5vh 6vw;
  }

p {
  max-width: 80vw;
  text-decoration: none;
  font-size: 4.3vw;
  color: black;
  font-family: 'Adelphe Fructidor';
  line-height: 4.5vw;
}

h5{
  font-family: 'Insolente';
  font-size: 5.1vw;
  text-decoration: none;
  color: black;
  max-width: 80vw;
  margin-top: 0;
  margin-bottom: 0;
}

img {
  width: 42vw;
  height: auto;
}

}





@media screen and (min-width: 740px) and (max-width: 1000px) {
  body {
     grid-template-columns: repeat(2, 1fr);
     gap: 5vh 6vw;
  }

p {
  max-width: 40vw;
  text-decoration: none;
  font-size: 2.3vw;
  color: black;
  font-family: 'Adelphe Fructidor';
  line-height: 2.5vw;
}

h5{
  font-family: 'Insolente';
  font-size: 3.1vw;
  text-decoration: none;
  color: black;
  max-width: 40vw;
  margin-top: 0;
  margin-bottom: 0;
}

img {
  width: 22vw;
  height: auto;
}

}