/* modify design for tablets */

@media (min-width: 768px) and (max-width: 1000px) {
    .parallax-layer {
        width: 100%;
        margin-left: 0;
    }

    .parallax-layer img.paralax-background {
        margin: auto auto;
        width: auto;
        height: 1000px;

    }

    scroller {
        width: 100%;
        margin-left: 0;
    }

    sidebar {
        display: none;
    }

    content img.half {
        margin: 0 0 0 0;
        height: auto;
        width: 50%;
    }

    img.calendar {
        width: 80%;
    }

    scroller content mainBar {
        margin: 0 0 0 0;
    }

    .square {
        height: 200px;
    }

    .text-container p {
        font-size: smaller;
    }

    .square-info p {
        font-size: smaller;
    }

    .thumbnail img.thumbnail-photo {
        height: 300px;
    }
}