/* modify design for mobile */

@media (max-width: 767px) {
    .mobileHidden {
        display: none;
    }

    scroller div.separator {
        height: 250px;
    }

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

    sidebar {
        display: none;
    }

    content img.half {
        display: none;
    }

    img.calendar {
        width: 80%;
    }

    scroller heading .page-heading h1 {
        margin-top: 20px;
        letter-spacing: 0;
        font-size: 25px;
    }

    scroller heading .page-heading {
        height: 50px;
    }

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

    .square {
        width: 50%;
        height: 200px;
    }

    .square:nth-of-type(4n+1) {
        display: none;
    }

    .square:nth-of-type(4n+2) {
        display: none;
    }

    .collumns .collumn {
        font-size: smaller;
        margin-left: 2.5%;
        margin-right: 2.5%;
    }

    .collumns {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
    }

    .modal-page {
        max-height: calc(100% - 100px);
    }

    .text-container, .text-container.pull-right, .text-container.pull-left {
        padding: 10px 10px 10px 10px;
    }

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

    .full-bg-image-right-side, .full-bg-image-left-side {
        display: none;
    }

    div#instafeed {
        height: 150px;
    }

    div#instafeed a {
        height: 150px;
        width: 150px;
        color: white;
        text-shadow: 0 1px 1px black;

    }

    div#instafeed a img {
        height: 150px;
        position: absolute;
    }

    div#instafeed a span {
        width: 150px;
        font-size: smaller;
    }

    #references .collumns > div {
        display: none;
        font-size: smaller;
    }

    #references .collumns > div:nth-of-type(1), #references .collumns > div:nth-of-type(2) {
        display: block;
    }

    footer .accepted-payment-method img {
        height: 40px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .parallax-background content {
        bottom: 70px;
    }

    .parallax-background {
        height: 700px;
    }

    .parallax-background:first-of-type {
        height: 100%;

    }

    #reservation .text-container {
        min-height: 500px;
    }

    .parallax-back img.icon-double-down {
        margin-top: 35vh;
    }

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

    .thumbnail .caption .description {
        font-size: 0.84em;
    }

    .thumbnail .caption h3 {
        margin-top: 10px;
        color: #9a8981;
    }

    .reservation-link-wrapper {
        display: none;
    }

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

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

    a.tab-link {
        font-size: 14px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .mainPagePromo {
        font-weight: 300;
        font-size: small;
    }
    #map {
        height: 350px;
    }

    .padding-top-medium {padding-top: 30px;}
    .padding-bottom-medium {padding-bottom: 30px;}

}