/* tablet sacling */
@media only screen and (max-width: 992px){
  .products-headings-container{
    margin-top: 5em !important;
  }
}

@media only screen and (max-width: 768px){
  .nav-list{
    width: 70% !important;
  }
  .nav-list li{
    font-size: 100% !important;
    margin-right: 3% !important;
  }
  #proc4-container{
    display: none !important;
  }
  .products-headings-container{
    margin-top: 8em !important;
  }
  .guitar-col{
    margin-top: 3em !important;
  }
  .hero-video-controls{
    display: none;
  }
  .hero-audio-controls{
    display: none;
  }
}

/* phone scaling */
@media only screen and (max-width: 576px){
  nav{
    height: 10em !important;
  }
  #js-logo{
    width: 2em !important;
    margin-top: 2em !important;
  }
  .nav-list{
    width: 45% !important;
    text-align: left !important;
  }
  .nav-list li:nth-child(1){
    margin-right: 5% !important;
  }
  .nav-list li:nth-child(2){
    margin-right: 10% !important;
  }
  .nav-list li:nth-child(3){
    margin-right: 0 !important;
  }

  .content-about .row{
    margin-top: 7em !important;
  }

  .button-container{
    display: block !important;
    float: none !important;
    margin-top: 2em;
  }

  .content-contact .row{
    margin-top: 7em !important;
  }

  #proc2-container{
    display: none !important;
  }

  #indiv-button-contianer{
    width: 100% !important;
  }
}