:root {
    --primary-grey: #919191;
    --primary-green: #589c15;
    --primary-white: #fff;
    --primary-black: #000;
    --secondary-grey: #b8b7b7;
}

.description {
  text-align: justify;
  margin-top: 1rem;
}

img.animal-thumbnail {
  max-width: 100%;
  height: auto;
  object-fit: cover; }

.container-fluid.position-absolute.top-0 {
  background-color: var(--primary-green);
  z-index: -1;
  height: 120px;
  height: 160px;
  height: 200px;
  height: 240px; }

@media screen and (max-width: 576px) {
  .col-12.col-lg-10.col-md-9.col-sm-8 {
    margin-top: 20px; }

  .container-fluid.position-absolute.top-0 {
    height: 80px; } }
@media screen and (max-width: 768px) and (min-width: 577px) {
  .col-12.col-lg-10.col-md-9.col-sm-8 {
    margin-top: 30px; }

  .container-fluid.position-absolute.top-0 {
    height: 120px; } }
@media screen and (max-width: 992px) and (min-width: 769px) {
  .col-12.col-lg-10.col-md-9.col-sm-8 {
    margin-top: 40px; }

  .container-fluid.position-absolute.top-0 {
    height: 160px; } }
@media screen and (max-width: 1400px) and (min-width: 993px) {
  .col-12.col-lg-10.col-md-9.col-sm-8 {
    margin-top: 50px; }

  .container-fluid.position-absolute.top-0 {
    height: 200px; } }
@media screen and (min-width: 1401px) {
  .col-12.col-lg-10.col-md-9.col-sm-8 {
    margin-top: 60px; }

  .container-fluid.position-absolute.top-0 {
    height: 240px; } }

/*# sourceMappingURL=animalDetail.css.map */