/* room-grid — generated by scripts/split-css.mjs from style.css. Do not edit by hand. */
.room-grid {
    width: 100%;
    display: grid;
    column-gap: 50px;
    row-gap: 50px;
}

.room-grid img {
        width: 100%;
    }

.room-grid p {
        font-size: 16px;
        line-height: 130%;
        padding-top: 15px;
        padding-bottom: 12px;
    }

@media (min-width: 768px) {
  .room-grid p {
        font-size: 17px;
    }
}

.room-grid .h4-italic {
    padding-bottom: 15px;
}

.room-grid .h4-non-italic {
    padding-bottom: 15px;
}

@media (min-width: 768px) {
  .room-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.room-grid .button-row .primary-cta {
    margin-right: 0;
}

@media only screen and (min-width: 1024px) {
  .room-grid .button-row, .room-grid .room-features {
        width: 75%;
    }
}

.room-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.room-features h3 {
        text-align: left;
    }

.room-features p {
        text-align: left;
        font-size: 16px;
        line-height: 130%;
        padding-top: 0;
        padding-bottom: 12px;
    }

@media (min-width: 768px) {
  .room-features p {
        font-size: 17px;
    }
}