/* Location page */
.location-container {
    max-width: 1170px;
    margin: 30px auto 45px auto;
}

    /* Typography */
    .location-container h2 {
        font: bold 21px 'Open Sans', sans-serif;
        margin: 10px 0;
        float: left;
        width: 100%;
    }

    .location-container p {
        font: normal 14px 'Open Sans', sans-serif;
        margin: 0 0 16px 0;
    }

    .location-container a.details-link,
    .location-content .location-body a {
        color: #4e2672;
        font-size: 14px;
    }

    .location-container h3 {
        font: bold 21px 'Open Sans', sans-serif;
        margin-bottom: 10px;
    }

    .location-container h4 {
        font: bold 18px 'Open Sans', sans-serif;
        margin: 0 0 4px 0;
    }

    .location-container h5 {
        font: bold 14px 'Open Sans', sans-serif;
        margin: 0 0 2px 0;
    }

    /* Images */
    .location-container .mobile-image {
        display: none;
    }

    /* Breadcrumb */
    .location-container .v2-breadcrumb {
        float: left;
        width: 100%;
    }

/* Content */
.location-content {
    display: block;
    float: left;
    width: 835px;
    margin-right: 35px;
}

    .location-content .location-main {
        margin-bottom: 45px;
        float: left;
    }

    /* Main image */
    .location-content .main-image {
        margin-bottom: 15px;
        float: left;
    }

    /* Body text */
    .location-content .location-body {
        margin-top: 20px;
        float: left;
    }


/* ================================================== */
/*                    RESPONSIVE                      */
/* ================================================== */

/* Large Desktop */
@media (max-width: 1200px) {

    .location-container .v2-breadcrumb,
    .location-container h2 {
        width: 96%;
    }

    .location-content {
        width: 72%;
        margin-right: 3%;
    }

        .location-container .v2-breadcrumb,
        .location-container h2,
        .location-content .main-image,
        .location-content .location-main {
            margin-left: 2%;
            margin-right: 2%;
        }
}

/* Tablet */
@media (max-width: 768px) {

    .location-container {
        margin: 20px auto 30px auto;
    }

        .location-container .mobile-image {
            display: block;
        }

        .location-container .desktop-image {
            display: none;
        }

        .location-container .v2-breadcrumb,
        .location-container h2 {
            width: 92%;
        }

    .location-content {
        width: 100%;
        margin-right: 0;
    }

        .location-content .location-main {
            margin-bottom: 30px;
        }

        .location-content .main-image {
            margin-bottom: 10px;
        }

        .location-container .v2-breadcrumb,
        .location-container h2,
        .location-content .main-image,
        .location-content .location-main {
            margin-left: 4%;
            margin-right: 4%;
        }
}