body {
      margin: 0 0 0 0;
 }      



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


#home-info-container {
        display: flex;
        display:-webkit-flex;
        float: none;
        position: relative;
        margin: auto;
        width : 100%;
        margin: 0 0 90vh 0;
}







.house-container {
  position: relative;
  font-family: tahoma;
  font-size : 18px;
  width : 300px;
  height : 250px;
  text-align: center;
  top : 20vh;     
  background-color : #ffffff;
  opacity : 0.9;
  margin-left : calc(25% - 225px);
  margin-top : 20px;
}

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


.house-container-icon {
    width: 70px;
    position: relative;
    top : -55px;
}

.info-text-container {
    position : absolute;
    top : 30px;
    padding : 0px 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 {
        font-size : 15px;
        margin: 2px 2px 2px 2px;
        width : 200px;
        margin-left : calc(25% - 150px);
     }

     .house-container:before {
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
     }

     
}



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

    
    .house-container {
        font-size : 18px;
        width : 300px;
        height : 200px;
        margin-left : calc(50% - 150px);
        margin-bottom : 150px;
        top : 200px;
     }

    .house-container:before {
        border-bottom: 80px solid white;
        border-left: 150px solid transparent;
        border-right: 150px solid transparent;
    }


  

}



@media screen and (max-width : 440px){
    
   
    .house-container {
        font-size : 15px;
        width : 250px;
        margin-left : calc(50% - 125px);
     }

    .house-container:before {
        border-left: 125px solid transparent;
        border-right: 125px solid transparent;
     }

   

}


@media screen and (max-width : 320px){
    
    .house-container {
        top : 150px;
     }

}



@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;
     }    
}