#caption_box{
  z-index: 1000;
}
#pallete{
  width: 50%;
  margin: 0 25% 50px 25%;
}
.display_area{
  padding: 100px;
  color: #444;
  font-size: 1rem;
}
.img_item{
  width: 49.5%;
  height: auto;
}
.img_details{
  width: 100%;
  height: auto;
  margin: auto;
}
p.set_margin{
  /* margin-left: 5%; */
}
p.center{
  text-align: center;
  margin-bottom: 0;
}
div.blank_margin{
  width: 100%;
  height: 200px;
}
div.small_blank_margin{
  width: 100%;
  height: 80px;
}
.video_frame{
  width: 100%;
  margin: 70px 0 40px 0;
  z-index: 0;
}

@media screen and (max-width: 768px) {
  #pallete{
    width: 80%;
    margin: 0 10% 50px 10%;
  }
  .display_area{
    padding: 30px;
  }
  .video_frame{
    width: 100%;
    margin: 30px auto;
  }
  .img_item{
    width: 100%;
    height: auto;
  }
  div.small_blank_margin{
    width: 100%;
    height: 50px;
  }
  p.set_margin{
    margin-left: 0;
  }
}