/* Homepage hero logo — cap width on phones. */
/* Salient's image_with_animation max_width / max_width_mobile fields are not applied on this install */
/* (the theme's element-image-with-animation stylesheet never loads), so the cap is set here. */
@media only screen and (max-width: 690px) {
  body.home #hero .img-with-aniamtion-wrap {
    max-width: 50% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  body.home #hero .img-with-aniamtion-wrap img {
    width: 100% !important;
    height: auto !important;
  }
}