@media screen and (max-width: 1188px) {
    #menu ul li a{
      font-size: 3.5em;
    }
    .accueil-content .arrow-section i{
      font-size: 3em;
    }
    .footer-distributed .footer-left, .footer-distributed .footer-right {
      text-align: center;
    }
    .footer-distributed .footer-right {
      float: none;
      margin: 0 auto 20px;
    }
    .footer-distributed .footer-left p.footer-links {
      line-height: 1.8;
    }
    .footer-distributed p.footer-links a:hover{
      color: var(--body-text-light-clr);
      transform: scale(1);
      -webkit-transform:scale(1);
    }
    .footer-distributed .footer-right a:hover{
      color: var(--body-text-light-clr);
      transform:scale(1); 
      -webkit-transform:scale(1);
    }
    #discord-code{
      background-color: rgba(0, 0, 0, 0.85);
    }
    .projets-container .projets-box{
      width: 400px;
    }
    .projets-container .projets-box .projets-content .projets-icon{
      min-width: 80px;
    }
    .projets-container .projet-click{
      width: 90vw;
    }
    #mainContact form button i{
      font-size: 3em;
    }
    #mainContact form button:hover span{
      font-size: 2em;
      transition: 0.3s;
    }
    .mainAPropos{
      width: 75vw;
    }
    .mainFormations{
      width: 75vw;
    }
    .scrollup{
      width: 50px;
      height: 50px;
      right: 1em;
    }
    .scrollup i{
      font-size: 2.25em;
    }
    /* Show scroll */
    .scrollup.show-scroll{
      bottom: 5em;
    }
      
}

@media screen and (max-width: 950px) {
  .main-accueil div h2{
    font-size: 1.75em;
  }
  .competences .cptContainer .cptBox{
    width: 25vw;
    height: 32vw;
    margin: 5vw 10vw;
  }
  .competences .cptContainer .cptBox .cptImg{
    max-width: 14vw;
  }
  .competences .cptContainer .cptBox::after{
    font-size: 3vw;
  }
  .competences .cptContainer .cptBox .cptName{
    font-size: 3vw;
  }
}

@media screen and (max-width: 790px) {
  /* p.circle-effect{
    display: none;
  } */
  .main-accueil div{
      width: 95%;
      margin: 6em 0% 6em 5%;
  }
  .accueil-content{
      display: none;
  }
  .accueil-content-mobile{
      display: block;
  }
  .scroll-down-arrow{
    display: none;
  }
}