/* Tablettes (768px à 1023px) */
@media screen and (max-width: 1023px) {
    .nom {
      font-size: 72px;
    }

    .slogan {
      text-decoration: underline;
      color: #101116;
    }

  }
  
  /* Mobile Large (425px à 767px) */
  @media screen and (max-width: 767px) {
    .nom {
      font-size: 48px;
      padding: 0 20px;
    }
  
    .slogan {
      font-size: 16px;
      padding: 0 20px;
    }
    
    .slogan {
      text-decoration: underline;
      color: #101116;
    }

  }
  
  /* Mobile Medium (375px à 424px) */
  @media screen and (max-width: 424px) {
    .nom {
      font-size: 36px;
    }

    .slogan {
      text-decoration: underline;
      color: #101116;
    }
  }
  
  /* Mobile Small (320px à 374px) */
  @media screen and (max-width: 374px) {
    .nom {
      font-size: 32px;
    }
  
    .slogan {
      font-size: 14px;
    }
  
    .slogan {
      text-decoration: underline;
      color: #101116;
    }
  }