/*kolumna 30%*/

/*Sekcja zielona*/
.db_scetion-green{
  background-color: #516057;
}

/*Sekcja szara*/
.db_section-gray{
  background-color: #EAEAEA;
}

/*Tło pierwszej sekcji*/
.db_section-1{
  background-image: url("files/public/strona_www/background_5.png");
  background-repeat: no-repeat;
  background-position-x: right;
}

/*Kolumny obok siebie*/
.db_flex{
  display: flex;
  justify-content: space-between;
}

/*Ustawienie pierwszej sekcji*/
.db_section-1-relative{
  position: relative;
  top: 0;
}

/*Odstęp w boxie góra/dół*/

/*Odstęp boxa tylko góra*/

/*Odstęp boxa góra/dół mały*/
.db_pad-top-45{
  padding: 45px 0;
}

/*Kolumna 1/2*/
.db_flex-49{
  flex: 0 0 49%;
}

/*Odstęp dolny 20px*/

/*kolumna 43%*/
.db_col43{
  max-width: 43%;
}

@media screen and (min-width: 1101px){
 .db_kolumna-30{
   max-width: 30%;
 }

 .db_section-1{
   background-position-y: 20px;
 }

 .db_flex{
   gap: 180px;
 }

 .db_mtmb-90{
   padding: 90px 0;
 }

 .db_pad-top-90{
   padding-top: 90px;
 }

 .db_pad-bottom-20{
   padding-bottom: 20px;
 }

}
@media screen and (max-width: 1100px){
 .db_section-1{
   background-position-y: 98%;
  padding-top: 32px;
  background-size: contain;
 }

 .db_section-1{
   background-position-y: 98%;
  padding-top: 32px;
  background-size: contain;
 }

 .db_section-1{
   background-position-y: 98%;
  padding-top: 32px;
  background-size: contain;
 }

 .db_flex{
   gap: 32px;
  flex-direction: column;
 }

 .db_flex{
   gap: 32px;
  flex-direction: column;
 }

 .db_mtmb-90{
   padding: 32px 0;
 }

 .db_pad-top-90{
   padding-top: 32px;
 }

}