@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'playfair_displayregular';
    src: url('fonts/playfairdisplay-regular-webfont.eot');
    src: url('fonts/playfairdisplay-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-regular-webfont.woff') format('woff'),
         url('fonts/playfairdisplay-regular-webfont.ttf') format('truetype'),
         url('fonts/playfairdisplay-regular-webfont.svg#playfair_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
        background: #8a7c5a;
        font-family: 'playfair_displayregular';
        color: white;
}

p {
       font-size: 55px;
}

a, a img, img, a:visited {
	outline : none;
	border : 0;
  text-decoration: none;
  font-size: 90px;
}

a:hover {
       color: purple;
}

.bg {
	width: 800px;
	height: 460px;
	
}


.wrapper {
        width:800px;
        height:460px;
        position:relative;
        margin: 0px auto;
}

.notepad {
        color:white;
        position:absolute;
        font-weight: bold;
        top:860px;
        left:1090px;
        font-size: 35px
        

}

.text1 {
        position:absolute;
        font-weight: bold;
        top:-30px;
        left:290px;
        

}
h2 {
        position:absolute;
        font-weight: bold;
        font-size: 35px;
        top:60px;
        left:100px;

        

}
.text2 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:425px;
        left:-65px;
        

}
.text3 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top: 425px;
        left:400px;
        

}
.text4 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:425px;
        left:815px;
        

}
.text5 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:840px;
        left:150px;
        

}
.text6 {
        position:absolute;
        font-weight: bold;
font-size: 35px;
        top:840px;
        left:600px;
        

}
.text1:hover {
        color: pink;
}

.kitchen {
        position: absolute;
       
	      background: url("conference.jpg");
	      width: 300px;
		    height: 225px;
        top: 180px;
        left: 750px;
    
}


.interview {
        position: absolute;
       
	      background: url("kitchen.jpg");
       
	      width: 300px;
		    height: 225px;
        top: 180px;
        left: 300px;
      
}


.conference {
        position: absolute;
       
	      background: url("interview.jpg");
     
	      width: 300px;
		    height: 225px;
        top: 180px;
        left: -150px;
       
}
.bathroom {
        position: absolute;
      
	      background: url("elevator.jpg");
        background-size: cover;
	      width: 300px;
		    height: 225px;
        top: 600px;
        left: 525px;
       
}
.elevator {
        position: absolute;
        
	      background: url("bathroom.jpg");
        background-size: cover;
	      width: 300px;
		    height: 225px;
        top: 600px;
        left: 75px;
       
}