body {
      margin: 0 0 0 0;
      background-color :rgb(225,225,225);
 }      



.build-house-container {
  display : block;
  position: relative;
  font-family: georgia;
  font-size : 25px;
  width : 280px;
  height : 250px;
  text-align: center;
  top : 120px;     
  opacity : 0.8;
  margin : 20px  auto 0px auto;
  padding-bottom : 25px;
      background-color :white;
}

.build-house-container:before {
    content: '';
    position: absolute;
    top: -80px; right: 0;
    border-bottom: 80px solid white;
    border-left: 140px solid transparent;
    border-right: 140px solid transparent;
    width: 0px;
    
}

.build-text-container {
    padding : 0 20px 0 20px;
}

.notification {
    position : relative;
    font-family : georgia;
    font-size : 25px;
    margin : 0 0 0 0;
    font-weight : bold;
    padding : 0 0 0 0;
    top : -30px;
}

.message {
    position: relative;
    font-size : 20px;
    font-family:tahoma;
    top : -30px;
}

img.build-icon {
    position : relative;
    width : 65px;
    top : -50px;
}

.return-button {
    position : absolute;
    font-size: 20px;
    border-radius: 10px;
    width : 110px;
    left : -55px;
    margin-left : 50%;
    bottom : 15px;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    }

.return-button:hover {
    background-color: #c06030;
}


#home-info-container {
        /*display: grid;*/
        display : none;
        grid-template-columns: auto auto auto;
        column-gap: auto;
        row-gap: 30px;
        justify-content: space-evenly;
        float: none;
        position: relative;
        margin: auto;
        width : 100%;
        margin: 0 0 90vh 0;
}





.background {
    z-index : -10;
    position: fixed;
    bottom : -10px;
    width : 100%;
    height : 90vh;
    object-fit : cover;
}


.house-container {
  position: relative;
  font-family: tahoma;
  font-size : 18px;
  width : 300px;
  height : 300px;
  text-align: center;
  top : 10vh;     
  background-color : #ffffff;
  opacity : 0.65;
  padding : 20px 0 0 0;

   -webkit-clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0% 100%, 0% 20%);
  clip-path: polygon(50% 0%, 100% 20%, 100% 100%, 0% 100%, 0% 20%);
}


.house-container-icon {
    width: 70px;
}

.info-text-container {
    position : absolute;
    top : 5px;
    padding : 90px 10px 0 10px;
}

.info-text-container a {
    font-weight : bold;
    opacity : 1.0;
}

.info-text-container p {
    margin : 10px 0 10px 0;
    opacity : 1.0;
}

.rental-launch-button {
    position : absolute;
    border-radius: 10px;
    width : 110px;
    left : -55px;
    margin-left : 50%;
    bottom : 15px;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    }

.rental-launch-button:hover {
    background-color: #c06030;
}
    
   



.sub-page-title {
    font-size : 40px;
    text-align : center;
}    





@media screen and (max-width : 1000px){
    
     
     .house-container {
        margin: 2px 2px 2px 2px;
        width : 200px;
        font-size : 15px;
     }

     
}



@media screen and (max-width : 660px){
    
    
    #home-info-container {
        display : block;
        width : 100%;
        margin: 10vh 0 70vh 0;
    }

     
    .house-container {
        float : none;
        width: 400px;
        height: 250px;
        font-size : 18px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50px;
        top : 0;
    }


 
   
   .background {
       display: block;
       z-index : -10;
       position: fixed;
       object-fit : cover;
        width : 1000px;
       left : -600px;
       margin-left : 50%;
       bottom : -30px;
   }


  

}



@media screen and (max-width : 440px){
    
   
    .house-container {
        width: 250px;
        font-size : 15px;
        height : 235px;
    }
    
  
     

}




@media screen and (max-height : 500px) {
    
 
     #home-info-container {
        height : 330px;
     }
     
        
    
}

@media screen and (max-width : 660px) and (max-height : 500px) {
    

     #home-info-container {
        height : 1450px;
        background-size: 100% 1450px;
     }    
}