.shadedBox {
  box-shadow: 0 2px 8px -3px rgba(0, 0, 0, 0.5), 0 1.4em 2em -0.7em rgba(255, 255, 255, 0.2) inset; }

h1 {
  font-size: 30px;
  font-size: 1.875rem;
  text-shadow: 0.2px 0.5px 0.1px #8b8178; }

h2 {
  font-size: 26px;
  font-size: 1.625rem;
  text-shadow: 0.2px 0.5px 0.1px #8b8178; }

h4 {
  font-size: 20px;
  font-size: 1.25rem;
  text-shadow: 0.2px 0.5px 0.1px #8b8178; }

#slides {
  position: relative; }
  #slides .slides-container {
    display: none; }
  #slides .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%; }

.slides-pagination {
  position: absolute;
  z-index: 900;
  bottom: 0;
  left: 25%;
  text-align: center;
  width: 55%;
  padding-bottom: 6px; }
  .slides-pagination a {
    border: 2px solid #f2f2ef;
    border-radius: 12px;
    width: 11px;
    height: 11px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 0 2px;
    overflow: hidden;
    text-indent: -100%; }
    .slides-pagination a.current {
      background: #c6c1bc; }
      .slides-pagination a.current:hover {
        background: #e0dfd9; }