body {
      margin: 0 0 0 0;
  }      

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





#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 : 14px;
  width : 300px;
  height : 290px;
  text-align: center;
  top : 20vh;     
  background-color : #ffffff;
  opacity : 0.8;
  margin-left : calc(25% - 243px);
  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_m {
  position: relative;
  font-family: tahoma;
  font-size : 14px;
  width : 380px;
  height : 290px;
  text-align: center;
  top : 20vh;     
  background-color : #ffffff;
  opacity : 0.8;
  margin-left : calc(25% - 243px);
  margin-top : 20px;
}

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



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

.info-text-container {
    position: relative;
    top : -40px;
    padding : 0px 10px 0 10px;
}


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

.info-text-container p {
    opacity : 1.0;
}

   



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





@media screen and (max-width : 1000px){
    
    .house-container {
        font-size : 12px;
        margin: 2px 2px 2px 2px;
        width : 200px;
        margin-left : calc(25% - 160px);
        height : 310px;
     }

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

    .house-container_m {
        font-size : 12px;
        margin: 2px 2px 2px 2px;
        width : 240px;
        margin-left : calc(25% - 160px);
        height : 310px;
     }

     .house-container_m:before {
        border-left: 120px solid transparent;
        border-right: 120px solid transparent;
     }

}



@media screen and (max-width : 720px){
    
    #home-info-container {
        display : block;
        width : 100%;
    }

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

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

   .house-container_m {
        font-size : 18px;
        width : 400px;
        height : auto;
        margin-left : calc(50% - 200px);
        margin-bottom : 150px;
     }

    .house-container_m:before {
        border-bottom: 80px solid white;
        border-left: 200px solid transparent;
        border-right: 200px 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;
     }

     .house-container_m {
        font-size : 15px;
        width : 250px;
        margin-left : calc(50% - 125px);
     }

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