/****************
* /BREAKPOINTS *
****************/
/**********
 * SPACES *
**********/
/**********
 * WIDTHS *
**********/
/**************
 * FONTS *
**************/
/**********
 * MIXINS *
**********/
/**************
 * FONT SIZES *
**************/
/********************
 * MOBILE VARIABLES *
********************/
/***************
 * BOX SHOADOW *
***************/
.image-block .image-wrapper {
  text-align: center;
  width: 100%;
}
.image-block .image-wrapper img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.image-block .subtitle {
  margin-top: 8px;
}
.image-block .subtitle.landscape {
  text-align: left;
}
.image-block .subtitle.portrait {
  text-align: center;
  max-height: 40vh;
  max-height: calc(40 * var(--vh));
}

@media only screen and (min-width: 720px) {
  .sidebar .image-block .image-wrapper img {
    max-height: 100%;
  }
  .main-content .image-block .image-wrapper {
    width: 100% !important;
    height: 100% !important;
  }
  .main-content .image-block .image-wrapper img {
    height: auto;
  }
  .main-content .image-block .image-wrapper.orientation-portrait img {
    max-height: 50vh;
    min-height: 400px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .main-content .image-block .subtitle.orientation-portrait {
    text-align: center;
  }
}/*# sourceMappingURL=image.css.map */