#bearfacts .carousel-inner {
    width:640px;
    height:515px;
    position: relative;
    top:50%;
    left:50%;
    -ms-transform: translate(-50%, -20%); /* IE 9 */
    -webkit-transform: translate(-50%, -20%); /* Safari */
    transform: translate(-50%, -20%);
}

#bearfactsBook {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 682px;
    height: 500px;
    -ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
    margin: 0 auto;
    z-index: -1;
}

#post-it .background {
    background-image: url('../assets/images/object_bearfacts-post-it/background-wood-table@1x.jpg');
    z-index: -2;
}

#post-it .scroll-indicator {
    margin-bottom: 7%; /* because the quote is long */
}

#post-it .background-overlay {
    z-index: 0;
}

#post-it .letters {
    position: fixed;
    left: 0;
    right: 0;
    margin: 5% auto;
    z-index: -1;
}

#post-it .letters img:first-child {
    position: absolute;
    left: 16%;
    opacity: 0;
    /*z-index: 5;*/

    width: 506px;
    height: 562px;

}

#post-it .letters img:last-child {
    position: absolute;
    top: 2%;
    right: 16%;
    opacity: 0;
    /*z-index: 4;*/

    width: 582px;
    height: 521px;

}

#post-it section {
    margin-bottom: 15%;
}

#post-it section:first-child {
    margin-bottom: 50%;
}

#post-it section.before-note {
    margin-bottom: 20%;
}

#post-it .post-it {
    margin-bottom: 20%;

    width: 525px;
    height: 321px;
}

#post-it .photos {
    clear: both;
    width: 100%;
    margin: 0;
    margin-bottom: 15%;
    position: relative;
    min-height: 400px;

    z-index: 5;
}

#post-it .photos img {
    z-index: 15 !important;
}

#post-it .photos .childhood-left {
    width: 322px;
    height: 400px;

    position: absolute;
    left: 0;
}

#post-it .photos .childhood-center {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;

    width:400px;
    height:300px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.3);

}

#post-it .photos .childhood-right {
    position: absolute;
    right: 0;

    width: 322px;
    height: 400px;
}


#post-it .photo-controls {
    width: 80%;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}

#post-it .photo-controls a {
    color: #FFF;
    text-decoration: none;
    font-style: italic;
    width: 70px;
}

#post-it .photo-controls img {
    /*position: initial;*/
    position: relative;
    width:33px;
    height:35px;
    left: 15%;
}

#post-it .photo-controls img:hover {
    /*position: initial;*/
    opacity:.8;
}

#post-it .photo-control-left {
    float: left;
}

#post-it .photo-control-right {
    float: right;
}