@media(max-width: 1024px){
    .bigText{
        font-size: 50px;
    }
    
    .smallText{
        font-size: 12px;
    
    }
    
    .courant{
        font-size: 14px;
        
    }

    .buttonText{
        font-size: 14px;
    }

    .bigPicture{
        height: auto;
        width: 85%;
        
    }

    .dot{
        width: 6px;
        height: 6px;   
        transform:translateX(-10px);   
    }

    .bigButtonText{
        font-size: 50px;
    }
}

@media(max-width: 724px){
    .bigText{
        font-size: 25px;
    }
    
    .smallText{
        font-size: 12px;
    
    }
    
    .courant{
        font-size: 12px;
        
    }

    .buttonText{
        font-size: 12px;
    }
    .pageDescription{
        grid-column: 2/4;
    }

    
    .navMenu, .contactMenu{
        display: none;
    }
    .burgerIcon{
        display: block;
    }

    .pageTitle{
        height: 80px;
    }

    :root {
        --margin: 20px;
    }
    .bigButtonText{
        font-size: 40px;
    }
}
@media(min-width: 724px){
    .fullScreenNav{
        display: none;
    }
    .openButton{
        display: none;
    }
    .closeButton{
        display: none;
    }
}

@media(max-width: 425px){
    .bigText{
        font-size: 15px;
    }
    
    .smallText{
        font-size: 10px;
    
    }
    
    .courant{
        font-size: 11px;
        
    }

    .buttonText{
        font-size: 10px;
    }

    .pageDescription{
        display: none;
    }

    .pageTitle{
        height: 60px;
    }

    :root {
        --margin: 20px;
    }
    .bigButtonText{
        font-size: 30px;
    }
    .ball{
        display: none;
    }

    .smallBall{
        display: none;
    }
    .cursor {
        display: none;
      }
      
      .cursor2 {
        display: none;
      }
      
      
}