html, body {
  margin: 0;
  padding: 0;
}

html{background: url(wave.gif) no-repeat center fixed;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.container {  
  width: 100%;
  position: relative;
}

.side {
  position: absolute;
}

.vienna {
  background: url(vienna0.jpg) no-repeat center;
  width: 100%;
  height: 165vh;
}

.flip {
  transform: rotate(180deg);
}

.carpet--vertical {
  position: relative;
  width: 168px;
  height: 208px;
  background: url(carpet_vertical.png) no-repeat center / contain;
  margin: 6px auto;
}

.carpet--horizontal {
  height: 154px;
  width: 480px;
  background: url(carpet_horizontal.png) space top / contain;
}

.door {
  background: url(door.png) no-repeat center / contain;
  height: 210px;
  width: 174px;
}

.first {
  bottom: 0;
  left: 160px;
}

.first .door {
  margin: 0 0 0 auto;
}

.second {
  bottom: 54px;
  right: 160px;
}

.second .door {
  margin: 0 auto 0 0;
}

.third {
  bottom: 54px;
  left: 160px;
}

.third .door {
  margin: 0 0 0 auto;
}