html {
    height: 100%;
    width: 100%;

}

body {
    height: 100%;
    width: 100%;

    background-size: cover;
    background-image: url(resources/nightsky.jpg);
    background-attachment: fixed;
}

.rating-star:hover {
    cursor: pointer;
}

/*  size responsive */
@media screen and (max-width:767px){
    #map {
        height: 200px;
    }
    
    #search-results-card {
        height: 200px;
        margin-bottom: 1rem;
    }
}


@media screen and (min-width:768px) {
    #map {
        height: 400px;
    }
    
    #search-results-card {
        height: 345px;
    }
}

@media screen and (min-width:992px) {
    #map {
        height: 500px;
    }
    
    #search-results-card {
        height: 445px;
    }
}

@media screen and (min-width:1200px) {
    #map {
        height: 600px;
    }
    
    #search-results-card {
        height: 545px;
    }
}