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

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img-fluid img,.img-fluid picture {
    max-width: 100%;
    height: auto
}

.img-object-cover img,.img-object-cover picture {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.ratio-1x1 {--bs-aspect-ratio: 100%;}
.ratio-4x3 {--bs-aspect-ratio: 75%;}
.ratio-3x2 {--bs-aspect-ratio: 66.67%;}
.ratio-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-21x9 {--bs-aspect-ratio: 42.8571428571%;}


@media (min-width: 576px) {
.ratio-sm-1x1 {--bs-aspect-ratio: 100%;}
.ratio-sm-4x3 {--bs-aspect-ratio: 75%;}
.ratio-sm-3x2 {--bs-aspect-ratio: 66.67%;}	
.ratio-sm-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-sm-21x9 {--bs-aspect-ratio: 42.8571428571%;}
}

@media (min-width: 768px) {
.ratio-md-1x1 {--bs-aspect-ratio: 100%;}
.ratio-md-4x3 {--bs-aspect-ratio: 75%;}
.ratio-md-3x2 {--bs-aspect-ratio: 66.67%;}	
.ratio-md-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-md-21x9 {--bs-aspect-ratio: 42.8571428571%;}	
}

@media (min-width: 992px) {
.ratio-lg-1x1 {--bs-aspect-ratio: 100%;}
.ratio-lg-4x3 {--bs-aspect-ratio: 75%;}
.ratio-lg-3x2 {--bs-aspect-ratio: 66.67%;}	
.ratio-lg-16x9 {--bs-aspect-ratio: 56.25%;}	
.ratio-lg-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-lg-21x9 {--bs-aspect-ratio: 42.8571428571%;}	
}

@media (min-width: 1200px) {
.ratio-xl-1x1 {--bs-aspect-ratio: 100%;}
.ratio-xl-4x3 {--bs-aspect-ratio: 75%;}
.ratio-lg-3x2 {--bs-aspect-ratio: 66.67%;}	
.ratio-xl-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-xl-21x9 {--bs-aspect-ratio: 42.8571428571%;}	
}

@media (min-width: 1400px) {
.ratio-xxl-1x1 {--bs-aspect-ratio: 100%;}
.ratio-xxl-4x3 {--bs-aspect-ratio: 75%;}
.ratio-lg-3x2 {--bs-aspect-ratio: 66.67%;}	
.ratio-xxl-16x9 {--bs-aspect-ratio: 56.25%;}
.ratio-xxl-21x9 {--bs-aspect-ratio: 42.8571428571%;}	
}