.room-inner {
    display: grid;
    grid-template-areas:
        "informations image";
    grid-template-columns: 50% 50%;
    width: 100%;
    line-height: 1;
    column-gap: 20px;
}


.room-title {
    grid-area: title;
    font-size: calc(36 / 16 * 1rem);
    font-family: 'big-caslon-fb';
    text-transform: uppercase;
    max-width: 75%;
    line-height: 1;
    margin-bottom: 45px;
}

.room-image {
    grid-area: image;
}

div.room {
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #92A8A2;
}

div.room:last-child {
    padding-bottom:0;
    margin-bottom:0;
    border-bottom:0;
}

.room-image-container {
    width: 100%;
    height: 500px;
}

.room-image-container > img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}

.room-informations-inner {
    max-width: 530px;
}

.room-icons {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 30px;
    margin-bottom: 45px;
}

.room-icon {
    font-size: 14px;
    font-weight: 600;
    display: flex;
    justify-content: left;
    align-items: center;
    color: #A39551;
    column-gap: 10px;
}

.room-intro-text {
    margin-bottom: 30px;
}

@media screen and (max-width:1000px) {
    .room-inner {
        display: grid;
        grid-template-areas:
            "image"
            "informations";
        grid-template-columns: 100%;
        width: 100%;
        line-height: 1;
        column-gap: 20px;
    }

    .room-informations {
        margin-top:30px;
    }
}

@media screen and (max-width:767px) {
    .room-icons {
        grid-template-columns: 1fr 1fr;
    }
}