body {
    --primary-color: #e41c26;
    --secondary-color: #F6F6F6;
    background-color: white;
    color: black;
    font-size: 14pt;
    font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
    border-style: none;
    scroll-behavior: smooth;
    scrollbar-color: black white;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: clip !important;
    overflow-y: scroll;
    pointer-events: none;
    user-select: none;
  }
  h1, h2{
    padding: inherit;
    margin: inherit;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    text-align: inherit;
    text-decoration: inherit;
    font-family: inherit;
    text-transform: inherit;
    text-shadow: inherit;
    font-style: inherit;
    font-variant: inherit;
  }
  button, input, select, textarea, a{
    pointer-events: auto;
    user-select: text;
  }
  button,
  input,
  select,
  textarea {
    text-align: justify;
    background-color: white;
    color: black;
    border: black solid 2px;
    padding: 1rem;
  }
  .checkbox {
    margin-right: 1rem;
  }
  .checkbox:checked {
    accent-color: var(--primary-color);
  }
  textarea {
    resize: none;
  }
  button{
    background-color: var(--primary-color);
    color: white;
  }
  button:hover{
    filter: drop-shadow(3px 3px 1px var(--primary-color));
  }
  a {
    color: inherit;
    font-weight: bold;
    text-decoration: inherit;
  }
  a:hover {
    text-decoration: underline;
    filter: drop-shadow(0px 0 15px var(--primary-color));
    color: var(--primary-color);
  }
  ::-webkit-scrollbar {
    background-color: transparent;
    width: 1vw;
  }
  ::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 0;
    border: black solid 3px;
  }
  ::-webkit-scrollbar-thumb:hover {
    background-color: black;
    border: white solid 3px;
  }
  ::-webkit-scrollbar-track {
    display: none;
  }
  ::-webkit-scrollbar-track-piece {
    display: none;
  }
  ::-webkit-resizer {
    display: none;
  }
  ::-webkit-scrollbar-button {
    display: none;
  }
  ::-webkit-scrollbar-corner {
    background-color: transparent;
  }
  img {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    pointer-events: none;
    user-select: none;
  }
  .black {
    color: black;
  }
  .primary_color{
    color: var(--primary-color);
  }
  /* ------------------------------ Inne ------------------------------ */
  .copy_icon {
    background-image: url("../resources/icons/copy-file.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .alert {
    display: none;
    padding: 1vh;
    background-color: black;
    color: white;
    border-radius: 10px;
    border: black solid 1px;
    position: fixed;
    
    text-transform: uppercase;
    z-index: 6;
    font-size: 2rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .alert#send_fail_alert {
    width: auto;
  }
  .card {
    width: 100%;
    justify-content: center;
  }
/* ------------------------------ /Inne ------------------------------ */ 
/* ------------------------------ Pasek nawigacji ------------------------------ */   
  #upper_navbar_container{
      width: 100%;
      max-width: 99vw;
      padding: 0.5rem;
      background-image: linear-gradient(to right, black, var(--primary-color));
      color: white;
      font-size: 1.2rem;
      display: flex; 
      flex-flow: row nowrap;
      gap: 0.5rem;
      align-content: center;
      justify-content: right;
      font-weight: bold;
  }
  #upper_navbar_container div {
      display: flex;
      flex-flow: row nowrap;
      gap: 0.5rem;
  }
  #upper_navbar_container div img{
      height: 1.5rem;
      width: 1.5rem;
      align-self: center;
      filter: invert(1);
  }
  #upper_navbar_container div a, #upper_navbar_container div span{
      align-self: center;
      user-select: none;
  }
  #upper_navbar_container img{
      height: 2rem;
      width: 12rem;
  }
  #upper_navbar_container #upper_navbar_map{
      text-transform: uppercase;
  }
  #upper_navbar_container #upper_navbar_map a:hover, #upper_navbar_container #upper_navbar_phone a:hover {
      color: white;

  }
  #upper_navbar_container #upper_navbar_opentime{
      margin-right: 1rem;
  }
  #upper_navbar_opentime span{
    pointer-events: auto !important;
    user-select: text !important;
    font-weight: bold;
    text-transform: uppercase;
  }
  #social_media {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
  }
  #social_media img {
    width: 2rem;
    height: 2rem;
    padding: 0;
    margin: 0;
  }
#navbar {
      width: 100%;
      background-image: linear-gradient(to right, black, var(--primary-color), var(--primary-color));
      pointer-events: auto !important;
      color: white;
      display: flex;
      flex-direction: row nowrap;
      gap: 0;
      justify-content: space-between;
      align-content: center;
      pointer-events: auto;
      user-select: none;
    }
    #navbar_btn_container{
      display: flex;
      flex-direction: row nowrap;
      gap: 0;
      justify-content: end;
      align-content: center;
    }
    #navbar_btn_container div {
      padding: 1rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      text-transform: uppercase;
    }
    #navbar_btn_container div:hover {
      text-decoration: underline;
    }
    #navbar_btn_container div:not(:last-child){
      border-right: white 2px solid;
    }
    #navbar_logo{
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    #navbar_logo img {
      height: 3rem;
      filter: invert(1);
      margin-left: 1rem;
      pointer-events: auto;
      user-select: none;
  }
  #navbar_hamburger{
    display: none;
    z-index: 4;
    flex-direction: row nowrap;
    justify-items: center;
    align-items: center;
  }
  #navbar_hamburger img{
    height: 2rem;
    width: 2rem;
    filter: invert(1);
    margin-right: 1rem;
  }
  #navbar_btn_container_offer:hover #navbar_offers_container{
    display: flex;
  }
  #navbar_offers_container{
    display: none;
    margin-top: 0.5rem;
    display: none;
    position: fixed;
    height: min-content;
    padding: 1rem;
    background-color: var(--secondary-color);
    border: solid 1px var(--primary-color);
    z-index: 10;
    pointer-events: auto;
    gap: 0.4rem;
    flex-direction: column;
    text-align: left;
    font-size: 0.8rem;
    color: black;
    text-transform: capitalize;
  }
  #navbar_offers_container div{
    display: flex;
    gap: 0.4rem;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    margin: initial;
    padding: initial;
  }
  #navbar_offers_container div:hover{
    text-decoration: underline;
  }
  #navbar_offers_container div img{
    width: 1.6rem;
    height: 1.6rem;
  }
  @media only screen and (max-width: 1454px){
      #navbar_btn_container{
        font-size: 0.8rem;
      }
      #navbar_logo img {
        height: 2.5rem;
      }
      #upper_navbar_container{
          font-size: 0.8rem;
      }
      #upper_navbar_container div img{
          height: 1.125rem;
          width: 1.125rem;
      }
      #upper_navbar_container img{
      height: 1.5rem;
      width: 9rem;
      }
  }
  @media only screen and (max-width: 1134px){
      #navbar_logo{
        display: none;
      }
      #navbar, #navbar_btn_container{
        justify-content: center;
      }
      #upper_navbar_container{
        font-size: 0.7rem;
      }
      #upper_navbar_container div img{
        height: 0.7rem;
        width: 0.7rem;
      }
      #upper_navbar_container img{
        height: 1rem;
        width: 6rem;
      }
  }
  @media only screen and (max-width: 859px){
    #upper_navbar_container{
      display: none;
    }
    #navbar_btn_container{
      display: none;
      width: 100%;
      z-index: 3;
      background-image: linear-gradient(to right, black, var(--primary-color), var(--primary-color));
      flex-direction: column;
      gap: 2rem;
      justify-content: start;
      align-content: center;
      padding-top: 2rem;
      padding-bottom: 2rem;
      padding-left: 2rem;
      position: absolute;
    }
    #navbar_btn_container div {
      padding: 0;
      margin-top: 0;
      margin-bottom: 0;
      color: white;
      pointer-events: auto;
      user-select: text;
    }
    #navbar_btn_container div:not(:last-child){
      border: none;
    }
    #navbar_logo{
      display: flex;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
    #navbar_hamburger{
      display: flex;
    }
    #navbar{
      justify-content: space-between;
    }
    #navbar_btn_container_offer:hover #navbar_offers_container{
      display: none !important;
    }
  }
  @media only screen and (max-width: 329px){
    #navbar_logo{
      margin-top: 0.2rem;
      margin-bottom: 0.2rem;
    }
    #navbar_logo img {
      height: 1.5rem;
    }
    #navbar_hamburger img{
      height: 1.2rem;
      width: 1.2rem;
    }
  }
/* ------------------------------ /Pasek nawigacji ------------------------------ */  
/* ------------------------------ Stopka ------------------------------ */
  footer{
    background-color: black;
    position: relative;
    overflow: hidden;
    color: white;
    z-index: -2;
  }
  footer::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 38%;
    height: 100%;
    background-image: linear-gradient(90deg,#000000 0%,rgba(0,0,0,0) 100%),url("../resources/images/front_background.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    filter: grayscale(100%);
    pointer-events: none;
    z-index: -1;
  }
  #footer_container{
    padding-top: 6rem;
    padding-right: 38%;
    display: flex;
    gap: 1rem;
    flex-direction: row;
    justify-content: space-between;
  }
  #footer_container, #footer_legal_info span{
    margin-left: 10%;
  }
  #footer_Logos{
    margin-bottom: 3rem;
  }
  #footer_Logos img{
      height: 5rem;
      filter: invert(100%);
      pointer-events: auto;
      user-select: none;
  }
  #footer_contact_info, #footer_offer{
    display: flex;
    gap: 1rem;
    flex-direction: column;
  }
  #footer_contact_info div img{
    width: 1.1rem;
    height: 1.1rem;
    margin-right: 1rem;
    filter: invert(100%);
  }
  #footer_offer div{
    text-transform: uppercase;
    font-weight: bold;
    pointer-events: auto;
  }
  #footer_offer div:first-of-type{
    margin-bottom: 1rem;
  }
  #footer_offer div:not(:first-of-type){
    display: flex;
    gap: 0.5rem;
    flex-direction: row nowrap;
    align-content: center;
    align-items: center;
  }
#footer_offer div:not(:first-of-type):hover{
  color: var(--primary-color);
  text-decoration: underline;
  filter: drop-shadow(0px 0 15px var(--primary-color));
}
  #footer_offer div:not(:first-of-type) img{
    width: 2rem;
    height: 2rem;
    filter: invert(100%);
  }
  #footer_legal_info{
    padding-bottom: 6rem;    
  }
  #footer_legal_info a {
    user-select: none !important;
  }
  #footer_legal_info hr{
    max-width: 80%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
   #footer_legal_info_text_biggerscreen{
    display: block;
  }
  #footer_legal_info_text_mobile{
    display: none;
  }
@media only screen and (max-width: 1859px) {#footer_container{padding-right: 35%;}}
@media only screen and (max-width: 1754px) {#footer_container{padding-right: 30%;}}
@media only screen and (max-width: 1609px) {#footer_container{padding-right: 10%;}}
@media only screen and (max-width: 1209px) {
  footer{font-size: 0.8rem;}
  #footer_Logos img{height: 4rem;}
  #footer_container{padding-top: 3rem;}
  #footer_legal_info{padding-bottom: 3rem;}
  #footer_offer div:first-of-type{margin-bottom: 0.8rem;}
  #footer_offer{gap: 0.8rem;}
}
@media only screen and (max-width: 939px) {
    #footer_container{
    flex-direction: column;
    justify-content: center;
  }
  footer::after {width: 40%;}
  #footer_offer{margin-top: 2rem;}
  #footer_contact_info, #footer_offer{gap: 0.5rem;}
  #footer_offer div:first-of-type{margin-bottom: 0rem;}
}
@media only screen and (max-width: 635px) {
  #footer_Logos img{height: 3rem;}
  #footer_container{padding-top: 2rem;}
  #footer_legal_info{padding-bottom: 2rem;}
}
@media only screen and (max-width: 629px) {
  #footer_legal_info_text_biggerscreen{
    display: none;
  }
  #footer_legal_info_text_mobile{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
  }
}