section {
    width: 90%;
    margin: auto;
    padding: 1rem;    

    & h2 {
        margin: auto;
        text-align: center;
    }
}
.card {
    
    margin: 1rem;
}

#Enhancers-section, 
#weight-loss-section {
    background-color: black;
}

.spy-scroller {
    position: sticky;
    
}






/* Phones and tablets */
@media screen and (max-width: 767px) {

    #spy-scroller {
        top: 100px;
    }

    .scrolling-wrapper {
        -webkit-overflow-scrolling: touch;
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;  
        .card {
          flex: 0 0 30%;
          
        }
        &::-webkit-scrollbar {
            display: none;
        }    
      }

}

  /* Desktops */
  @media screen and (min-width: 768px){
    .scrolling-wrapper {
        display: grid;
        grid-template-columns: 33.3% 33.3% 33.3%;
    }
    #spy-scroller {
        top: 56px;
    }
  }