html {
  font-size: 14px;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    font-family: "Calibri"
}
.flx-row {
    display: flex;
    flex-direction: row;
}
.flx-column {
    display: flex;
    flex-direction: column;
}
.w20 {
    width: 20%;
}
.w30 {
    width: 30%;
}
.w40 {
    width: 40%;
}
.w50 {
    width: 50%;
}
.w60 {
    width: 60%;
}
.w70 {
    width: 70%;
}
.w80 {
    width: 80%;
}
.w90 {
    width: 90%;
}
.w100 {
    width: 100%;
}
.ch-medium {
    padding: 1rem;
    background-color: #0495fc30;
    border-radius: 15px;
}

.house-container {
    position:relative;
    width: 90%;
    margin-left: auto;
    margin-right: auto;    
    width: 80vw
    --fontsize: 1.1rem;
}
.house-bathroom {
    position: absolute;
    top: 5%;
    left: 85%;
    font-size: var(--fontsize);
}
.house-living {
    position: absolute;
    top: 35%;
    left: 75%;
    font-size: var(--fontsize);
}
.house-bedroom {
    position: absolute;
    top: 70%;
    left: 58%;
    font-size: var(--fontsize);
}
.house-room1 {
    position: absolute;
    top: 70%;
    left: 32%;
    font-size: var(--fontsize);
}
.house-room2 {
    position: absolute;
    top: 70%;
    left: 81%;
    font-size: var(--fontsize);
}