@charset "utf-8";
/* CSS Document */

.jumbotron {
    background-image: url(../images/NewImages-043021/Park-Row-frontage-cover.jpg);
	background-size: cover;
	background-position: center;
	height: 400px;
}

// Use Bootstrap breakpoints for consistency.
$bootstrap-sm: 576px;
$bootstrap-md: 768px;
$bootstrap-lg: 992px;
$bootstrap-xl: 1200px;


// Crop thumbnail images.
#gallery {
  img {
    height: 75vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 35vw;
    }
    
    @media (min-width: $bootstrap-lg) {
      height: 18vw;
    }
  }
}


// Crop images in the coursel
.carousel-item {
  img {
    height: 80vw;
    object-fit: cover;
    
    @media (min-width: $bootstrap-sm) {
      height: 350px;
    }
  }
}

@media (max-width: 991px) {
.jumbotron {
    background-image: url(/images/NewImages-043021/Park-Row-frontage-cover.jpg);
	background-size: 100%;
	background-position: center;
	height: 175px;
}
	
}