body {
      margin: 0 0 0 0;
 }      

#info-container {
        display: flex;
        display:-webkit-flex;
        position: absolute;
        top : calc(18vh + 60px);
        height : auto;
        padding-bottom : 400px;
        width : 100%;
        
}

.info-container-col {
    width : 100%;
    display : block;
    vertical-align: top;
}    






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





.house-container {
  position : relative;
  margin-left : auto;
  margin-right : auto;
  font-family: tahoma;
  font-size: 20px;
  padding: 0 2vw 2px 2vw;
  margin-top : calc(50px + 5vw);
  background-color : #ffffff;
  opacity : 0.9;
  width: 60vw;
  height: auto;
  text-align : center;
}

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





.container-title {
    text-align : center;
    position : relative;
    padding : 0 10px 10px 10px;
    top : -10px;
}

.container-title-text {
    font-size: calc(12px + 1.2vw);
    font-weight : bold;
    opacity : 1.0;
}

.container-text {
    font-size: calc(10px + 1.0vw);
}


.return-button {
    display : block;
    position : relative;
    font-size: 20px;
    border-radius: 10px;
    width : 110px;
    margin : 50px auto;
    text-align : center;
    padding : 5px 0 5px 0;
    background-color : #ff7f00;
    text-decoration: none;
    color: #ffffff;
    }

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




@media screen and (max-width : 800px){

    .info-container-col {
        display : block;
        width : 100%;
        
    }

    #info-container {
        display: block;
    }    

    

    
}




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

     #info-container {
        top : calc(14vh + 60px);
      }
        
     
    .info-container-col {
        display : block;
    }

   

}



@media screen and (max-width : 440px){
    
   
     
     #info-container {
        top : 160px;
      }
    
   

}


@media screen and (max-width : 320px){
    
     
      
     
     #info-container {
        top : calc(30vw + 50px);
      }

}



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

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