/* Media query pour les appareil mid */
@media only screen and (max-width: 1200px) {
    #seconde{
        padding-inline: 0;
    }
}






/* Media query pour les smartphones */
@media only screen and (max-width: 750px) {
    /* Vos styles CSS pour les smartphones ici */



    .center {
        flex-direction: column;
    }

    .card-vertical {
        width: 80%;
        height: fit-content;
        padding-block: 2em;
        color: antiquewhite;
        aspect-ratio: auto;
        background-color: black;
        transition: height 1.5s ease;
        max-width: 2000px;
  
    }

    .btn-vertical-card {
        display: none;
    }


    .card-vertical:nth-of-type(2) {
        position: relative;
        /* top: -13%; */
      }
      
      .card-vertical:nth-of-type(3) {
        position: relative;
        /* top: -26%; */
      }

    .carousel-container {
        transform: none;
    }

    #decennie .context{
        flex-direction: column;
        gap: .5em;
    }

    #seconde{
        padding-inline: 0;
    }

    .bar-chart-wrapper{
        width: 95%;
    }

    .artists-summary{
        gap: 2em;
        padding-bottom: 5em;
    }

    .tableau{
        width: 80%;
    }

    .tableau{
        animation: none;
    }

    .hexagone{
        height: 55dvh;
    }





}

@media only screen and (max-width: 750px) {
    .nav-btn-scroll {
        display: none;
    }
}

/* petits écrans */
@media only screen and (max-width: 600px) {

    .deck{
        height: fit-content;
    }
    
}