@media (max-width: 600px) {
  .hamburguer-icon {
    display: block;
  }

  /*=========================Header=============================*/
  .header {
    max-height: 700px;
  }

  .slide-menu {
    width: 100%;
    position: fixed;
    transform: translateY(-100%);
    transition: transform 0.3s;
    top: 0;
    left: 0;
    z-index: 99;
    background: var(--white);
    list-style: none;
    padding: 50px 0 20px;
  }
  .top-nav {
    flex-direction: column;
    overflow: hidden;
  }
  .top-nav__logo-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .top-nav__logo {
    width: 140px;
    height: 50px;
    margin: 20px 0;
    background-image: url("../assets/img/triem-logo.png");
  }
  .top-nav__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .top-nav__item {
    margin: 15px 8px;
  }
  .header__texts-container {
    margin: 0 8% 40px;
  }
  .header__img-container {
    width: 450px;
  }
  .header__img {
    opacity: 25%;
  }

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

  /*---------------Products and services-------------*/

  .products-n-services__cards-container {
    grid-template-columns: 1fr;
    grid-template-areas:
      "printing"
      "."
      "modeling"
      "."
      "engineer"
      "."
      "mentoring"
      "."
      "repair"
      "."
      "teaching"
      ".";
  }
  .service-card-title {
    padding: 10px 25px;
  }
  .service-card {
    margin: 0;
    padding: 5px 25px 25px;
  }
  .service-card__image {
    height: calc(100vw * 0.45);
    min-height: 220px;
    max-height: 240px;
  }

  /*---------------Medical Sector-------------*/

  .medical-sector__cards-container {
    grid-template-columns: 1fr;
    margin: 40px 8% 10px;
  }
  .medical-card {
    padding: 25px;
  }
  .medical-sector__image {
    height: 180px;
  }

  /*---------------About us-------------*/

  .about-us__info-container {
    margin: 10px 0 35px;
    display: flex;
    flex-direction: column;
  }
  .goals-text-container {
    margin-top: 30px;
    padding: 0 15px;
  }
  .about-us__questions-container {
    margin: 0 35px 40px;
  }

  /*---------------Contact us-------------*/

  .contact-us__info-container {
    height: min-content;
    margin: 20px;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 250px;
  }
  .triem-map {
    height: 100%;
  }
  .contact-texts-container {
    padding: 0 10px 20px;
  }
  .contact-info {
    margin: 10px 0;
  }

  /*=========================Header=============================*/

  .footer__logo {
    width: 250px;
  }
}