/*Image Helper Classes*/

.smaller-width img {
  max-width: 80%;
}

/*Desktop*/

@media (min-width: 800px) {
  #hamburger {
    display: none;
  }
  .main-nav {
    margin-bottom: 30px;
  }
  
  .mobile-nav {
    display: none;
  }
  
  .article {
    max-width: 600px;
  }
}

/*iPhone/Tablet*/

@media (max-width: 800px) {
  
  .img_wrapper img {
    max-width: 100%;
    max-height: 300px;
    width: auto;
    margin: 0 auto;
    display: block;
  }
  
  #wrapper {
    top: 80px;
  }
  
  #address {
    display: none;
  }
  
  #hamburger {
    display: block;
  }
  
  .main-nav {
    display: none;
  }
  
  .mobile-nav {
    z-index: 1;
    background: rgba(255,255,255,.9);
    position: absolute;
    display: block;
    padding: 20px 0px 20px 0px;
    width: 100%;
    text-align: center;
    -webkit-box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
    -moz-box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
    box-shadow: 8px 8px 6px -6px rgba(171,171,171,0.3);
    top: -300px;
    transition: .2s;
  }
  
  .show-nav {
    top: 0px;
  }
  
  .mobile-nav ul li {
    padding: 10px;
  }
  
  .exhibition_index {
    text-align: center;
  }
  
  #nav_wrap {
    margin: 20px 0;
  }
  
  #subnav {
    display: block;
    width: 100%;
    text-align: center;
  }
  
  #image_nav {
    font-size: 150%;
    text-align: center;
    padding: 10px;
    letter-spacing: 10px;
  }
  
  .center-align,
  #caption_details {
    text-align: center;
  }
  
  #bottom {
    font-size: 200%;
  }
  
  #bottom li .active {
    background: none;
  }
  
  .artist_column ul {
    margin: 0px;
  }
  
  #artist_detail {
    text-align: center;
  }
  
  .artist_column {
    text-align: center;
    float: none;
  }
  
  #artist_select {
    display: none;
  }

}