/* Responsive */

/* change menu once we go below 980 */
@media only screen
and (max-width : 980px) {
  .dsc-column-bottom {
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
  }
  
  #demonstrations h1 { display: none; }
  
  html body #page .dsc-column.rightmost {
    margin-right: 15px; 
  }
}

/* page changes */
/* ipad */
@media only screen
and (min-width : 680px)
and (max-width : 980px) {
  /* no border on bottom demos */
  .dsc-column-youtube,
  .dsc-column-vimeo {
    border-bottom: 0;
    padding-bottom: 0;
  }
}

/* iphone */
@media only screen
and (max-width : 700px) { /* 680 + 10 + 10 */
  .dsc-column-last {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  
  .dsc-column img {
    width: 300px;
    height: auto;
    max-width: 100%;  
  }
  .dsc-column3 a img {
    width: 140px;
    height: auto;
    max-width: 100%;  
  }

}