@media screen and (max-width: 955px) {
  html {
    scroll-behavior: smooth;
  }
  header {
    background-color: white;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  header .header {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    margin: 0 4rem;
  }
  header .header .navbar {
    display: none;
  }
  header .header .menu {
    display: block;
    max-height: 4rem;
  }
  .border_hero {
    width: 80% !important;
  }
  .services {
    display: flex;
    justify-content: center;
    margin: 0 8rem;
  }
  .services .single_service {
    width: 100%;
    margin: 0 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .services .single_service .service_image {
    width: 50%;
    height: auto;
  }
  .text_sizing_2rem {
    font-size: 1.5rem !important;
  }
  .service_card {
    flex-direction: column-reverse !important;
  }
  .service_card .pictures {
    width: 100%;
    height: 25rem;
    margin: 48px 0;
  }
  .service_card .pictures img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .service_card .text {
    width: 100%;
    margin: 0 !important;
  }
  .service_card .text .heading img {
    width: 35%;
  }
  .service_card .text .heading .service_title {
    margin-left: 8rem;
    margin-top: -32px !important;
  }
  .service_card .text .service_desc {
    margin: 0 8px;
    margin-top: 16px !important;
    text-align: center !important;
  }
  .service_card .text_right {
    width: 100%;
    margin: 0 !important;
  }
  .service_card .text_right .heading img {
    width: 35%;
  }
  .service_card .text_right .heading .service_title {
    margin-left: 8rem;
    margin-top: -32px !important;
  }
  .service_card .text_right .service_desc {
    margin: 0 8px;
    text-align: center !important;
  }
  .service_card_right {
    flex-direction: column !important;
  }
  .service_card_right .pictures {
    width: 100%;
    height: 25rem;
    margin: 48px 0;
  }
  .service_card_right .pictures img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .service_card_right .text {
    width: 100%;
    margin: 0 !important;
  }
  .service_card_right .text .heading img {
    width: 35%;
  }
  .service_card_right .text .heading .service_title {
    margin-left: 8rem;
    margin-top: -32px !important;
  }
  .service_card_right .text .service_desc {
    margin: 0 8px;
    text-align: center !important;
  }
  .service_card_right .text_right {
    width: 100%;
    margin: 0 !important;
  }
  .service_card_right .text_right .heading img {
    width: 35%;
  }
  .service_card_right .text_right .heading .service_title {
    margin-left: 8rem;
    margin-top: -32px !important;
  }
  .service_card_right .text_right .service_desc {
    margin: 0 8px;
    margin-top: 16px !important;
    text-align: center !important;
  }
  .single_service_desc {
    display: flex;
    justify-content: center;
  }
  .single_service_desc p {
    width: 90%;
    text-align: center;
  }
  .single_service_desc_longer {
    display: flex;
    justify-content: center;
  }
  .single_service_desc_longer p {
    width: 80%;
    text-align: left;
  }
  .text_sizing_big_arapey {
    font-size: 3rem;
  }
  .container_grid {
    display: grid;
    grid-template-columns: 0.25fr 1fr 0.25fr;
    grid-template-rows: 1fr 75px 1fr;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas: ". project_1 ." ". . ." ". project_2 .";
  }
  .project_1 {
    grid-area: project_1;
  }
  .project_2 {
    grid-area: project_2;
  }
  .modal {
    padding-top: 25vh;
  }
  .close img {
    width: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .shop_intro {
    margin: auto 5%;
  }
  .divider_with_pictures {
    margin: 50px 0;
    height: 20vh;
    background: url(../assets/pictures_webp/home/divider_banner_mobile.jpg) no-repeat left;
    background-size: cover;
  }
}

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