img {
    max-width: 100%;
}

.grid > .grid__layout-container > .grid__item__container {
    position: relative;
}

.grid__area .grid__layout-container.hasOne,
.grid__area .grid__layout-container.hasOne .grid__item__container,
.grid__area .grid__layout-container.hasOne .grid__item__container .grid__layout-item {
    height: 100%;
}

.area-container {
    display: grid;
    grid-template-columns: repeat(var(--area-grid-columns, var(--grid-columns, 1)), minmax(0, 1fr));
    grid-auto-flow: row;
    grid-auto-rows: minmax(0, min-content);
    column-gap: var(--areas-column-gap, 0);
    row-gap: var(--areas-row-gap, 0);
    max-width: 1200px;
    padding: 0 .75rem;
    margin-left: auto;
    margin-right: auto;
}
    .area-container.full {
        max-width: 100%;
    }


    .grid__layout-item > div[style*="background-image"] {
        background-color: #2E8465 !important;
    }

.area-container .area-container {
    padding: 0 0;
    margin-left: initial;
    margin-right: initial;
}


.grid__layout-item {
    /*position: relative;*/
    /*max-width: 1440px;*/
    margin-left: auto;
    margin-right: auto;
}

    /*.grid__layout-item[data-col-span='4'] {
        padding-left: 60px;
        padding-right: 60px;
    }*/

    /*@media (min-width: 576px) {
    .grid__layout-item[data-col-span='4'] {
        padding-left: 0;
        padding-right: 0;
    }
}*/

    .grid__layout-item .section {
        background-size: cover;
    }

        .grid__layout-item .section.pwide {
            padding-top: 30px;
            padding-bottom: 30px;
        }
        .grid__layout-item .section.pstd {
            padding-top: 16px;
            padding-bottom: 16px;
        }
        .grid__layout-item .section.spwide > div {
            padding-left: 60px;
            padding-right: 60px;
        }

        .grid__layout-item .section.spstd > div {
            padding-left: 32px;
            padding-right: 32px;
        }

        .grid__layout-item .section.npb {
            padding-bottom: 0;
        }

        .grid__layout-item .section.npt {
            padding-top: 0;
        }

        .grid__layout-item .section {
            margin-top: 0;
        }

        .grid__layout-item .section.mwide {
            margin-top: 60px;
        }

        .grid__layout-item .section.mstd {
            margin-top: 30px;
        }




.grid__area {
    height: 100%;
    /*display: flex;
    flex-direction: column;*/
}


@media (min-width: 1024px) {
    .indent-left .grid__area {
        grid-column-start: 3;
    }

    .indent-right .grid__area[data-cols="12"] {
        grid-column-end: span 7;
    }

    .indent-left .grid__area[data-cols="6"] {
        grid-column-end: span 5;
    }

        .indent-left .grid__area[data-cols="6"]:first-child {
            grid-column-start: 3;
        }

        .indent-left .grid__area[data-cols="6"]:not(:first-child):last-child {
            grid-column-start: 8;
        }
}

/*========== 2 ===========*/

.grid__area[data-cols="2"] {
    grid-column-end: span 12;
}

@media (min-width: 576px) {
    .grid__area[data-cols="2"] {
        grid-column-end: span 6;
    }
}

@media (min-width: 768px) {
    .grid__area[data-cols="2"] {
        grid-column-end: span 4;
    }
}

@media (min-width: 992px) {
    .grid__area[data-cols="2"] {
        grid-column-end: span 2;
    }
}

/*========== 3 ===========*/

.grid__area[data-cols="3"] {
    grid-column-end: span 12;
}


@media (min-width: 992px) {
    .grid__area[data-cols="3"] {
        grid-column-end: span 3;
    }
}


/*========== 4 ===========*/

.grid__area[data-cols="4"] {
    grid-column-end: span 12;
}



@media (min-width: 992px) {
    .grid__area[data-cols="4"] {
        grid-column-end: span 4;
    }
}

/*========== 6 ===========*/

.grid__area[data-cols="6"] {
    grid-column-end: span 12;
}

@media (min-width: 992px) {
    .grid__area[data-cols="6"] {
        grid-column-end: span 6;
    }
}

/*========== 8 ===========*/

.grid__area[data-cols="8"] {
    grid-column-end: span 12;
}



@media (min-width: 992px) {
    .grid__area[data-cols="8"] {
        grid-column-end: span 8;
    }
}

/*========== 9 ===========*/

.grid__area[data-cols="9"] {
    grid-column-end: span 12;
}



@media (min-width: 992px) {
    .grid__area[data-cols="9"] {
        grid-column-end: span 9;
    }
}

/*========== 10 ===========*/

.grid__area[data-cols="10"] {
    grid-column-end: span 12;
}

@media (min-width: 768px) {
    .grid__area[data-cols="10"] {
        grid-column-end: span 10;
    }
}


/*========== 12 ===========*/

.grid__area[data-cols="12"] {
    grid-column-end: span 12;
}


/*===========================*/

.margin-Standard {
    margin-top: 20px;
}

.margin-Wide {
    margin-top: 50px;
}

.padding-Standard {
    padding: 20px 0 10px 0;
}

.padding-Narrow {
    padding: 10px 0;
}

.padding-Wide {
    padding: 50px 0 50px 0;
}

@media (min-width: 768px) {
    .margin-Standard {
        margin-top: 30px;
    }

    .margin-Wide {
        margin-top: 100px;
    }

    .padding-Standard {
        padding: 50px 0 20px 0;
    }

    .padding-Narrow {
        padding: 30px 0;
    }

    .padding-Wide {
        padding: 100px 0 100px 0;
    }
}

.embeds [src*="youtube.com"] {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}


.embeds iframe[src*='maps.google'] {
    width: 100%;
    aspect-ratio: auto;
}