* {
  padding: 0;
  margin 0;
  font-family: poppins, calibri;
  font-size: 10px;  
}

/* NAGŁÓWEK */

.header {
  display: flex;
  align-items: center;
  justify-content:left;
  padding-right: 20px;
  background-color: white;
  border-bottom-color: rgb(231, 231, 231);
  border-bottom-style: solid;
  border-bottom-width: 2px;
  position: fixed;
  top: 0;
  z-index: 100;
  height: 50px;
  margin-left: -8px;
}
.logo{
  width: 50%;
  margin-left: -20px;
}
.header_r {
  display: flex;
  align-items: center;
  justify-content: right;
}
.arrows {
  display: none; 
}
.subscribe {
  background-color: rgb(7, 22, 81);
  color: white;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 1.4rem;
  transition: background-color 0.3s, color 0.3s;
  vertical-align:top;
  text-decoration: none;
}
.subscribe_tooltip {
  display: none;
}

@media screen and (min-width: 500px) {
  .header{
    height: 75px;
    justify-content: space-between;
  }
  .logo {
    width: 40%;
    margin-left: -2rem;
    max-width: 300px;
  }
  .arrows {
    display: flex;
    width: 20%;
    margin-right: 10px;
  }
  .subscribe {
    background-color: rgb(7, 22, 81);
    color: white;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 2rem;
    transition: background-color 0.3s, color 0.3s;
    vertical-align:top;
    text-decoration: none;
  }
  .subscribe:hover {
    background-color: white;
    color: rgb(7, 22, 81);
    border-color: rgb(7, 22, 81);
    border-style: solid;
    border-width: 2px;
  }
}
@media screen and (min-width: 860px) {
  .header {
    height: 75px;  
    left: 0;
    right: 0;  
  }
}

/* PIERWSZA STRONA */
.belka {
  position:relative;
  padding-top: 35px;
}
.str1 {
  padding-top: 6rem;
  background-color: rgb(231, 231, 231);
  padding-bottom: 5rem;
  margin-left: -8px;
  margin-right: -8px;
}
.o_nas {
  font-weight: bold;
  font-size: 40px;
  padding-left: 25px;
  margin-top: 0px;
  line-height: 48px;
  font-family: poppins, calibri;
  color: rgb(7, 22, 81);
  z-index: 90;
}
.o_nas_2 {
  font-size: 2rem;
  margin-top: 30px;
  padding-left: 20px;
  line-height: 2.7rem;
  font-family: poppins, calibri;
  color: rgb(7, 22, 81);
  z-index: 90;
}
.kolo {
  position:absolute;
  z-index: 80;
  margin-top: -490px;
  height: 250px;
  margin-left: 250px;
}
.strzala {
  position:absolute;
  z-index: 80;
  margin-top: -220px;
  margin-left: -100px;
  height: 450px;
  z-index: 80;
}
@media screen and (min-width: 500px) {
  .o_nas {
    max-width: 500px;
  }
  .o_nas_2 {
    max-width: 550px;
  }
}

@media screen and (min-width: 760px) {
  .str1 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .o_nas {
    max-width: 500px;
    padding-left: 200px;
  }
  .o_nas_2 {
    max-width: 550px;
    padding-left: 200px;
  }
  .kolo {
    position:absolute;
    z-index: 80;
    margin-top: -450px;
    margin-left: 650px;
    height: 250px;
  }
  .strzala {
    position:absolute;
    z-index: 80;
    margin-top: -320px;
    margin-left: -50px;
    height: 450px;
    z-index: 80;
  }
  .o_nas {
    max-width: 500px;
    padding-left: 200px;
    
  }
  .o_nas_2 {
    max-width: 550px;
    padding-left: 200px;
  }
}
@media screen and (min-width: 860px) {
  .kolo {
    position:absolute;
    z-index: 80;
    margin-top: -400px;
    margin-left: 750px;
    height: 200px;
  }
  .belka {
    position:relative;
    padding-top: 35px;
    background-color: rgb(231, 231, 231);
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 0;
    margin-bottom: 0;
  }
}

/* USŁUGI */

.naglowek{
  background-color: white;
  font-size: 2.5rem;
  font-weight: bold;
  color: rgb(7, 22, 81);
  margin-top: 50px;
  padding-bottom: 40px;
  padding-left: 35px;
  background-color: white;
  z-index: 90;
}
.uslugi {
  text-align: center;
}
.usluga_tytul {
  margin-top: 35px;
  font-size: 2rem;
  font-weight: bold;
  color: rgb(7, 22, 81);
  text-align: center;
  
}
.usluga_tresc {
  font-family: poppins, calibri;
  font-size: 1.5rem;
  padding-right: 15px;
  color: rgb(7, 22, 81);
  padding-bottom: 40px;
  text-align: center;
  padding-bottom: 50px;
  border-bottom-color: rgb(231, 231, 231, 0.3);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.biuro,
.tablica,
.czarna {
  border-radius: 300px;
  width: 70%;
  display: inline-block;
}

@media screen and (min-width: 600px) {
    .uslugi {
      text-align: center;
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
  }
  .usluga_tytul {
    margin-top: 35px;
    font-size: 2.5rem;
    font-weight: bold;
    color: rgb(7, 22, 81);
    text-align: center;
  }
  .usluga_tresc {
    font-family: poppins, calibri;
    font-size: 1.7rem;
    padding-right: 15px;
    color: rgb(7, 22, 81);
    padding-bottom: 25px;
    text-align: center;
    padding-bottom: 75px;
    border-bottom-style: none;
  }
  .biuro,
  .tablica,
  .czarna {
    flex: 1;
    border-radius: 300px;
    width: 70%;
    margin-left: 35px;
  }
}
@media screen and (min-width: 940px) {
  .uslugi {
    text-align: center;
    display: grid;
    grid-template-columns: 450px 650px;
    align-items: center;
    margin-left: 50px;
    padding-bottom: 70px;
    align-items: center;
    row-gap: 20px;
}
.usluga_tytul {
  margin-top: 35px;
  font-size: 2.5rem;
  font-weight: bold;
  color: rgb(7, 22, 81);
  text-align: left;
  padding-left: 15px;
}
.usluga_tresc {
  font-family: poppins, calibri;
  font-size: 1.7rem;
  padding-right: 15px;
  color: rgb(7, 22, 81);
  padding-bottom: 25px;
  text-align: left;
  padding-bottom: 75px;
  border-bottom-style: none;
  padding-left: 15px;
}
.biuro,
.tablica,
.czarna {
  flex: 1;
  border-radius: 300px;
  width: 60%;
  margin-left: 55px;
  max-height: 350px;
  max-width: 350px;
  text-align: center;
  }
}

/* BODY LEASING */

.bodyleasing {
  background-color: rgb(53, 82, 240);
  margin-top: -15px;
  margin-left: -8px;
  margin-right: -8px;
}
.naglowek_leasing {
  margin-top: 15px;
  margin-bottom: 1px;
  font-size: 2rem;
  font-weight: bold;
  color: white;
  padding-top: 25px;
  padding-left: 35px;
}
.leasing_tekst {
  color: white;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1.5rem;
}
.leasing_opis {
  padding-bottom: 20px;
  padding-top: 20px;
}
.subscribe1,
.mail_to {
  background-color: rgb(7, 22, 81);
  color: white;
  border: none;
  border-radius: 15px;
  cursor: pointer;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.3rem;
  font-family: poppins, calibri;
  line-height: 24px;
  transition: background-color 0.3s, color 0.3s;
  width: 350px;
  margin-left: 30px;
  text-decoration: none;
}
.subscribe1:hover,
.mail_to:hover {
  background-color: white;
  color: rgb(7, 22, 81);
  border-color: rgb(7, 22, 81);
  border-style: solid;
  border-width: 2px;
}
.patch_sz,
.patch_cz,
.patch_g {
  display: none;
}
.belka2 {
  background-color: rgb(53, 82, 250);
  margin: 0;
  padding-bottom: 50px; 
}
@media screen and (min-width: 500px) {
  .naglowek_leasing {
    margin-top: 15px;
    margin-bottom: 1px;
    font-size: 2.1rem;
    font-weight: bold;
    color: white;
    padding-top: 25px;
    padding-left: 35px;
  }
  .leasing_tekst {
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 1.4rem;
  }
  .leasing_opis {
    position: relative;
  }
  .subscribe1,
  .mail_to {
    background-color: rgb(7, 22, 81);
    color: white;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    font-family: poppins, calibri;
    line-height: 24px;
    transition: background-color 0.3s, color 0.3s;
    width: 350px;
    margin-left: 130px;
    text-decoration: none;
  }
  .subscribe1:hover {
    background-color: white;
    color: rgb(7, 22, 81);
    border-color: rgb(7, 22, 81);
    border-style: solid;
    border-width: 2px;
  }
.patch_cz {
  display:block;
  position: absolute;
  z-index: 60;
  margin-top: 20px;
  margin-left: 370px;
  height: 200px;
  opacity: 0.8;
  }
  .patch_g {
    display:none;
    }
}
@media screen and (min-width: 760px) {
  .naglowek_leasing {
    margin-top: 15px;
    margin-bottom: 1px;
    font-size: 2.1rem;
    font-weight: bold;
    color: white;
    padding-top: 25px;
    padding-left: 35px;
  }
  .leasing_tekst {
    color: white;
    padding-left: 130px;
    padding-right: 30px;
    font-size: 1.5rem;
    max-width: 800px;
    text-align: justify;
    z-index: 90;
  }
  .subscribe1,
  .mail_to {
    background-color: rgb(7, 22, 81);
    color: white;
    border: none;
    border-radius: 15px;
    cursor: pointer;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1.5rem;
    font-family: poppins, calibri;
    line-height: 24px;
    transition: background-color 0.3s, color 0.3s;
    width: 350px;
    margin-left: 330px;
    text-decoration: none;
  }
  .subscribe1:hover {
    background-color: white;
    color: rgb(7, 22, 81);
    border-color: rgb(7, 22, 81);
    border-style: solid;
    border-width: 2px;
  }
  .patch_cz {
    display:block;
    position: absolute;
    z-index: 60;
    margin-top: 20px;
    margin-left: 950px;
    height: 200px;
    opacity: 0.8;
    }
    .patch_g {
      display:block;
      position: absolute;
      z-index: 60;
      margin-top: 300px;
      margin-left: -80px;
      height: 200px;
      opacity: 0.8;
      }
}

/* DOSWIADCZENIE */

.nasz_exp {
  padding-bottom: 40px;
  margin-left: 20px;
  list-style:circle;
  position: relative;
}
.bullet {
  font-size: 1.5rem;
  padding-left: 1rem;
  margin-bottom: 20px;
  color: rgb(7, 22, 81);
}
.ff {
  position:absolute;
  height: 200px;
  margin-left: 200px;
  z-index: 20;
  opacity: 0.5;
}

@media screen and (min-width: 760px) {
  .nasz_exp {
    margin-left: 100px;
  }
  .bullet {
    font-size: 2rem;
    line-height: 5rem;
  }
  .ff {
    margin-left: 650px;
    margin-top: 10px;
  }
}
@media screen and (min-width: 960px) {
  .ff {
    margin-left: 850px;
    margin-top: -100px;
  }
}

/* to jest stylowanie do bloku html, który "wyłączyłem - alternatywa do zwykłej listy
.doswiadczenie {
  padding-bottom: 40px;
}
.punktor,
.motyl {
  display: none;
}
.exp {
  font-size: 1.8rem;
  padding-left: 10px;
  color: rgb(7, 22, 81);
  margin-bottom: 10px;
  padding-left: 30px;
}

@media screen and (min-width: 760px) {
  .doswiadczenie {
    text-align: left;
    display: inline-block;
    align-items: center;
    position: relative;
  }
  .punktor {
    display: inline-block;
    width: 15px;
    padding-left: 85px;

  }
  .exp {
    font-size: 1.8rem;
    padding-left: 10px;
    color: rgb(7, 22, 81);
    margin-bottom: 10px;
    padding-left: 130px;
  }
  .motyl {
    position: absolute;
    display: block;
    max-width: 350px;
    padding-left: 750px;
  }
} */


/* O NAS */

.naglowek_o_nas {
  font-size: 2.5rem;
  font-weight: bold;
  color: rgb(7, 22, 81);
  background-color: rgb(231, 231, 231);
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: -8px;
  margin-right: -8px;
  padding-top: 25px;
  padding-left: 35px;
  padding-bottom: 30px;
  z-index: 90;
}
.blok_bio {
  text-align: center;
  background-color: rgb(231, 231, 231);
  padding-bottom: 20px;
  margin-left: -8px;
  margin-right: -8px;

}
.nasze-foto {  
  margin-top: 0px;
  margin-bottom: 20px;
  display: flex;
  align-items: end;
  text-align: justify;
}
.foto {
  flex: 1;
  border-radius: 300px;
  width: 70%;
  margin-left: 55px;
  text-align: center;
  }

.lin {
  width: 80%;
  padding-right: 10px;
}
.imie {
  font-family: poppins, calibri;
  font-size: 2rem;
  color: rgb(53, 82, 250);
  margin-left: 15px;
  margin-top: 10px;
  padding-top: 0px;
}
.bio {
  font-family: poppins, calibri;
  font-size: 1.5rem;
  padding-right: 15px;
  padding-left: 15px;
  color: rgb(7, 22, 81);
  padding-bottom: 10px;
  text-align: center;
  margin-bottom: 30px;
}

@media screen and (min-width: 440px) {
  .lin {
    width: 70%;
  }
  .foto {
    width: 70%;
  }
}
@media screen and (min-width: 500px) {
  .lin {
    width: 50%;
  }
}

@media screen and (min-width: 600px) {
  .blok_bio {
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    row-gap: 50px;
  }
  .nasze-foto {
    padding-right: 15px;
    margin-left: 15px;
    align-items: center;
    align-items: end;
  }
  .lin {
    width: 40%;
    padding-left: 20px;
  }
  .foto {
    width: 70%;
    text-align: left;
    margin: 0;
  }
  .imie {
    text-align: left;
    margin: 0;
    padding-left: 15px;
  }
  .bio {
    text-align: left;
    padding-left: 15px;
  }
}
@media screen and (min-width: 860px) {
  .blok_bio {
    row-gap: 100px;
    padding-top: 100px;
    padding-bottom: 125px;
  }
  .nasze-foto {
    max-width: 500px;
    padding-left: 130px;
  }
  .lin {
    width: 35%;
    padding-left: 20px;
    max-width: 80px;
  }
  .foto {
    width: 70%;
    text-align: left;
    margin: 0;
    max-width: 280px;
  }
  .imie {
    text-align: left;
    margin: 0;
    padding-left: 15px;
    font-size: 2.5rem;
  }
  .bio {
    text-align: left;
    padding-left: 15px;
    max-width: 600px;
    font-size: 1.8rem;
  }
}

/* KONTAKT */

.sekcja_adres {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.imie_mk {
  font-family: poppins, calibri;
  font-size: 2rem;
  color: rgb(53, 82, 250);
  margin-left: 15px;
  margin-top: 10px;
  padding-top: 0px;

}
.mirek_mail {
  color: rgb(7, 22, 81);
  font-size: 1.3rem;
  margin-bottom: 15px;
  margin-left: 15px;
}
.telefon,
.khg_adres {
  color: rgb(7, 22, 81);
  font-size: 1.3rem;
  margin-bottom: 35px;
  margin-left: 15px;
}
.khg {
  color: rgb(7, 22, 81);
  font-size: 1.8rem;
  font-weight: 700;
  margin-left: 15px;
  margin-top: 75px;
}
.kontakt_foto {
  border-radius: 150px;
  height: 130px;
  width: 130px; 
  margin-right: 15px;
  object-fit:cover;
}
.odstep {
  height: 20px;
}
@media screen and (max-width: 420px) {
.kontakt_foto {
  height: 100px;
  width: 100px; 
  }
}

@media screen and (min-width: 600px) {
  .kontakt_foto {
    width: 230px;
    height: 230px;
  }
}
@media screen and (min-width: 760px) {
  .kontakt_foto {
    margin-right: 75px;
  }
  .sekcja_adres {
    margin-left: 50px;
  }
}
@media screen and (min-width: 960px) {
  .kontakt_foto {
    margin-right: 100px;
    width: 280px;
    height: 280px;
  }
  .sekcja_adres {
    margin-left: 120px;
  }
  .telefon,
  .khg_adres,
  .mirek_mail {
    font-size: 1.7rem;
  }
  .imie_mk {
    font-size: 2.3rem;
  }
  .khg {
    font-size: 2.5rem;
  }
}
@media screen and (min-width: 1100px) {
  .kontakt_foto {
    margin-right: 300px;
  }
}

/* STOPKA */
.stopka {
  background-color: rgb(7, 22, 81);
  height: 90px;
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-left: 25px;
  padding-right: 25px;
}
.logo3 {
  height: 60px;
}
.polityka {
  color: white;
  font-size: 1.3rem;
}
.dot {
  color: rgb(7, 22, 81)
  display: none;
}