body {
    padding: 0% 2% 0% 2%;
    text-align: center;
    max-width: 180pc;
}

.door {
    width: 18%;
    height: 600px;
    margin: -1% 2.25% 2.25% 2.25%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    float:left;
    outline: 4px solid black;
}

.info {
    margin: -20% 0% 0% 0%;
    height: 324px;
    position: relative;
    z-index: 1;
}

.floor {
	width: 16%;
	margin: -2% 8% 0% 8%;
}

#libary{
    background-image: url(libdoor.png);
}

#libary:hover{
    background-image: url(libdoor2.png);
}

#gallery{
    background-image: url(galldoor.png);
    margin-right: 12%;
}

#gallery:hover{
    background-image: url(galldoor2.png);
}

#theatre{
    background-image: url(theadoor.png);
}

#theatre:hover{
    background-image: url(theadoor2.png);
}

#games{
    background-image: url(gamdoor.png);
}

#games:hover{
    background-image: url(gamdoor2.png);
}

#disclaim{
    font-weight: bold;
    background-color: yellowgreen;
    visibility: hidden;
}

@media only screen and (max-width: 1000px) { 
    #disclaim { 
      visibility: visible;
    } 
  }