@import url("https://fonts.googleapis.com/css2?family=Oooh+Baby&family=Roboto:wght@300&display=swap");
html {
  height: 100%;
  margin: 0;
  padding: 0; }
  html body {
    font-size: 16px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif;
    background: black;
    background-image: url("../img/background.jpg");
    background-size: cover;
    background-repeat: repeat-y;
    background-attachment: fixed;
    max-width: 100% !important; }
    @media (min-width: 1024px) {
      html body .for_pc {
        display: block; }
      html body .for_mobile {
        display: none; } }
    @media (max-width: 1023.99px) {
      html body .for_pc {
        display: none; }
      html body .for_mobile {
        display: block; } }
    html body .h2_oferujemy {
      margin-top: 7rem; }
      @media (min-width: 1024px) {
        html body .h2_oferujemy {
          font-size: 4rem;
          font-weight: bold; } }
    @media (min-width: 1024px) {
      html body .h_block {
        position: absolute; } }
    @media (max-width: 1023.99px) {
      html body .h_block {
        position: relative;
        font-size: 130% !important;
        font-weight: bold !important; } }
    @media (min-width: 1024px) {
      html body .b1 {
        font-size: 5rem;
        color: orangered;
        font-weight: bold;
        top: 1%;
        left: 3%; }
      html body .b2 {
        font-size: 2rem;
        font-weight: bolder;
        top: 1%;
        right: 3%; }
      html body .b3 {
        font-size: 2.5rem;
        font-weight: bolder;
        top: 5rem;
        right: 33%; }
      html body .b4 {
        font-size: 3.5rem;
        font-weight: bolder;
        top: 1.5rem;
        right: 55%; }
      html body .b5 {
        font-size: 4.5rem;
        font-weight: bolder;
        top: 12rem;
        left: 50%; }
      html body .b6 {
        font-size: 2.5rem;
        color: orangered;
        font-weight: bolder;
        top: 20rem;
        right: 23%; }
      html body .b7 {
        font-size: 1.5rem;
        font-weight: bolder;
        top: 15rem;
        lef: 13%; }
      html body .b8 {
        font-size: 4.5rem;
        font-weight: bolder;
        top: 20rem;
        right: 43%; }
      html body .b9 {
        font-size: 2.5rem;
        font-weight: bolder;
        top: 35rem;
        right: 63%; }
      html body .b10 {
        font-size: 1.5rem;
        font-weight: bolder;
        top: 30rem;
        lef: 33%; }
      html body .b11 {
        font-size: 3rem;
        font-weight: bolder;
        top: 27rem;
        right: 45%; }
      html body .b12 {
        font-size: 1.8rem;
        font-weight: bolder;
        top: 30rem;
        right: 10%; }
      html body .b21 {
        font-size: 2rem;
        color: orangered;
        font-weight: bold;
        top: 600px;
        right: 5%; } }
    @media (min-width: 1024px) {
      html body .root_h2 {
        margin-top: 2rem;
        margin-bottom: 1.5rem;
        font-weight: bold;
        font-size: 245%; }
      html body #oferta {
        width: 100vw;
        height: 100vh;
        overflow: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0; } }
    @media (max-width: 1023.99px) {
      html body .root_h2 {
        margin-top: 80px; } }
    html body .container a, html body .container-fluid a {
      color: #fff !important; }
      html body .container a:hover, html body .container-fluid a:hover {
        color: orangered !important; }
    html body hr {
      position: relative;
      border: none;
      height: 2px;
      display: flex;
      justify-content: center;
      margin: 1rem auto; }
      html body hr::after {
        content: "";
        position: absolute;
        top: 50%;
        width: 120px;
        height: 2px;
        background-color: orangered;
        transform: translateY(-50%); }
    html body .dropdown-menu {
      background: none !important;
      font-size: 0.9rem; }
      html body .dropdown-menu li {
        margin: 2px; }
    html body .logopc {
      margin: auto; }
    html body .ash2 {
      margin-top: 10%; }
    html body .fa {
      color: orangered; }
    html body .my-img {
      max-height: 350px !important; }
    html body .p-text-left {
      text-align: left; }
    html body .home_txt {
      text-align: justify;
      width: 70%;
      min-width: 70%;
      max-width: 70%;
      margin-left: auto;
      margin-right: auto; }
    @media (min-width: 1024px) {
      html body .logo {
        display: block;
        margin: auto;
        margin-top: 1rem; }
      html body .mapka {
        max-height: 100% !important;
        width: auto !important;
        height: 305px !important; } }
    @media (max-width: 1023.99px) {
      html body .logomob {
        max-width: 100px; }
      html body .logo {
        dispalay: none !important;
        margin-top: -100%; }
      html body .ash2 {
        font-size: 1.5rem;
        font-weight: bold;
        margin-top: 4.5rem; }
      html body svg {
        display: none; }
      html body footer {
        display: none; }
      html body .home_txt {
        text-align: left;
        width: 80%;
        min-width: 80%;
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; }
      html body .chemia {
        font-size: 15px; }
        html body .chemia h2 {
          margin-top: 5.5rem; }
        html body .chemia p {
          margin-bottom: 5px;
          text-align: justify; } }
  html .navbar-theme {
    background: none !important;
    z-index: 6785;
    width: 100%; }
  @media (max-width: 1023.99px) {
    html .navbar-theme {
      background-color: black !important;
      opacity: 0.9; } }

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