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



.sub-links {
    position : relative;
    left : 5%;
    width : 90%;
    text-decoration : none;
} 
 
 .sub-links a{
    position : relative;
    left : 5%;
    width : 90%;
    text-decoration : none;
} 

.agent-list-item:hover {
  color : #ff7f00;
} 
.
.house-container a:hover {
  color : #ff7f00;
}





.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 : 8vw;
  background-color : #ffffff;
  opacity : 0.9;
  width: 60vw;
  height: auto;
  text-align : left;
  text-decoration : none;
}

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

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

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

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


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

    .house-container {
        width: 60vw;
        margin-top : 18vw;

     }
    
    .house-container:before {
        top: -60px; right: 0;
        border-bottom: 60px solid white;
        border-left: 30vw solid transparent;
        border-right: 30vw solid transparent;
    }
    
    .container-title-text {
        font-size: 4vw;
    }

    .attraction-icon {
       left : 3vw;
       width : 10vw;
    }

    .attraction-title {
      top : calc(-4.6vw - 8px);
      font-size : calc(3.5vw + 2px);
      left : 0px;
      padding-left : 4.5vw;
    }
    
    .attraction-list{
      left : calc(16vw - 20px);
    }
    
    .attraction-list-item{
      font-size : calc(3.5vw + 2px);
      padding : 1vw;
    }

    
}




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