@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

h4 {
  color: rgb(177, 0, 0);
  font-size: 4vw;
}

img {
  width: 100%;
}

object {
  width: 100%;
  height: calc(65vh);
}

.headshot {
  width: 50%;
}

.inline-block {
  width: 50%;
  position: middle;
  display: inline-block;
}

.icon {
  text-align: center;
  width: 24px;
  height: 24px;
}

.row {
  text-align: center;
}

.modal-dialog {
  top: 5%;
  left: 2%;
}

.room{
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}

#wall img:hover {
  cursor: pointer;
  border: 5px solid rgb(38, 161, 237);
}

#room0 {
  position: relative;
  max-height: calc(100vh - 100px);
}

#contacts {
  position: absolute;
  top: 5%;
  left: 4%;
  width: 5%;
}

#desc {
  position: absolute;
  top: 3%;
  left: 28%;
  width: 65%;
  background: rgba(255, 255, 255, 0.9);
  font-size: 2vw;
}

#subHead {
  font-size: 3vw;
}