/* Structure */
#wrapper {
    width: 96%;
    max-width: 920px;
    margin: auto;
    padding: 2%;
}


body {
    font-family: 'Roboto Slab', serif;
    color: #555a5f;
    background: #bdd1f4;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(10%, #adc1e4), color-stop(100%, #72848e));
    #background: -webkit-radial-gradient(center, circle cover, #edf2f2 10%, #72848e 100%);
    background: -o-radial-gradient(center, circle cover, #adc1e4 0%, #72848e 100%);
    background: -ms-radial-gradient(center, circle cover, #adc1e4 0%, #72848e 100%);
    background: radial-gradient(center, circle cover, #adc1e4 0%, #72848e 100%);
    background-color: #dee2e2;
}

.round-image {
  border-radius: 50%;
}

.presentations {
list-style-type: circle;
    padding: 5%;
}

.presentations li {
margin-bottom: 20px;
}

.presentations li > * {
display: block;
}

.presentations a {
color: steelblue;
    font-size: 18px;
}

.presentations span {
font-size: 10px;
    /* color: #72848e; */
    color: #grey;
}

.presentations p {
font-style: italic;
    font-size: 14px;
}

.photos {
  margin: auto;
  display: block;
  width: 99;
  background-color: #eee;
  margin-left: auto;
  margin-right: auto;
}

div.polaroid {
    width: 284px;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
}

div.wide_polaroid {
    width: 284px;
    height: 100%;
    padding: 10px 10px 20px 10px;
    border: 1px solid #BFBFBF;
    background-color: white;
    box-shadow: 10px 10px 5px #aaaaaa;
}

div.rotate_right {
    float: left;
    -webkit-transform: rotate(7deg); /* Safari */
    transform: rotate(7deg);
}

div.rotate_left {
    float: left;
    -webkit-transform: rotate(-8deg); /* Safari */
    transform: rotate(-8deg);
}

div.v_flip {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

div.rotate_90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

}