html, body { height: 100%; }
.parallax {
    /* Full height */
    height: 100%;
    width: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -120;
}
.post-content.single { position: relative; left: auto; bottom: auto; }
.controls { display: none; }
.content { margin-top: 350px; background: rgba(0,0,0,.8); border-radius: 10px; }
.content h1 { font-size: 36px; }
.the_content { font-size: 16px; text-align: justify; font-weight: 100; }
.the_content img { max-width: 100%; height: auto; }