@media (max-width: 450px) {
  /*=========================Header=============================*/

  .header {
    min-height: 550px;
    max-height: 650px;
    position: relative;
  }
  .header__main-title {
    font-size: 5rem;
  }
  .header__img-container {
    height: 450px;
    width: 320px;
  }
  .header__img {
    object-position: 70px 50px;
  }

  /*=========================Main=============================*/

  .service-card__image {
    height: calc(100vw * 0.16);
    max-height: 180px;
  }

  /*=========================Footer=============================*/

  .footer {
    padding: 20px 0 40px;
  }
  .bottom-nav__item {
    display: block;
    margin: 20px 0;
  }
}