/* RESPONSIVE DESIGN : MOBILE */
@media only screen and (max-width: 768px) {
  img.cover-profile {
    height: 100px;
    margin-top: 75px;
  }

  h1.portfolio {
    font-size: 40px;
  }

  h2.portfolio {
    font-size: 22px;
  }

  div.cover p {
    margin-top: 2px;
    font-size: 13px;
  }

  div.section-grise1 {
    padding-bottom: 40px;
  }

  .section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .flex-en-savoir-plus {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .col40 {
    width: 90%;
  }

  .col55 {
    width: 90%;
  }

  .col-portfolio {
    width: 90%;
  }

  img.portfolio {
    width: 90%;
  }

  .table-flex {
    flex-direction: column;
    align-items: center;
  }

  .header .contact-button {
    font-size: 10px;
    padding: 5px 8px;
  }
}