* {
    margin: 0;
}

.entree{
  display: flex;
  flex-direction: column;
  row-gap:40px;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.entree img{
  width: 600px;
}

.entree img:hover{
  opacity: 0.5;
}

.entree a{
  color: rgb(228,114,43);
  font-size: 13em;
  font-weight: 700;
  font-family: "Permanent Marker", cursive;
  text-decoration: none;
  text-align: center;
}


@media screen and (max-width: 996px) {
  .entree {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 3em;
  }

  .entree div {
    padding-right: 1em;
    padding-left: 1em;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 2em;
  }
  .entree a{
    color: rgb(228,114,43);
    font-size: 4em;
    font-weight: 700;
    font-family: "Permanent Marker", cursive;
    text-decoration: none;
}
  .entree img {
    align-items: center;
    margin-top: 1em;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
  }
}