/*!
 * Start Bootstrap - Modern Business (https://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
  padding-top: 54px;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}

.glowny-czerwony-napis {
  width: 100%;
  text-align: center;
  color: #e5021d;
  margin-bottom: 10px;
  font-size: 30px;
}

/*kolor ikonki*/
.fas {
  text-align: center;
  width: 100%;
  color: #e5021d;
  margin-top: 10px;
}

.opis_lewy {
  text-align: left;
  width: 100%;
  color: #616161;
  margin-top: 50px;
  font-size: 20px;
}

.opis_srodek {
  width: 100%;
  text-align: center;
  color: #616161;
  font-size: 15px;
  margin-bottom: 20px;
}

.opis_srodek_produkty {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 15px;
  margin-bottom: 20px;
}

.img-fluid {
  margin-top: 30px;
}

.glowny-czerwony-napis_lewy {
  width: 100%;
  text-align: left;
  color: #e5021d;
  margin-bottom: 10px;
  font-size: 20px;
}

.logo-perfex {
  width: 120px;
  height;: 60px;
}


/*poczatek strzalki*/
@bg: #2d2d37;  /*Dark blue*/
@primary: #fd6b21; /*Orange*/

                      body { background: @bg;}
a { color: #e5021d; text-decoration: none; }

.arrow {
  text-align: center;
  /*margin: 8% 0;*/
  margin-bottom: 1px;
  margin-top: 10px;
}
.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/*koniec strzalki*/

.card-header {
  color: #e5021d;
  font-size: 20px;

}

.card-text {
  color: black;
}

.artykuly {
  width: 200px;
  height: 180px;
  text-align: center;
}

/*.body {*/
  /*background-image: url(img/maka.jpeg);*/
  /*background-attachment: fixed;*/
/*}*/

.napis-artykuly {
  width: 100%;
  text-align: center;
  color: black;
  font-size: 15px;
  margin-bottom: 20px;
}

.lubella_logo {
  width: 300px;
  height: 120px;
  text-align: center;
}

.dawtona_logo {
  width: 300px;
  height: 120px;
  text-align: center;
}

.primawera_logo {
  width: 300px;
  height: 200px;
  text-align: center;
}

.sante_logo {
  width: 300px;
  height: 200px;
  text-align: center;
}

.tymbark_logo {
  width: 300px;
  height: 150px;
  text-align: center;
}

.knorr_logo {
  width: 200px;
  height: 150px;
  text-align: center;
}

.delecta_logo {
  width: 200px;
  height: 150px;
  text-align: center;
}

.prymat_logo {
  width: 400px;
  height: 150px;
  text-align: center;
}

.wedel_logo {
  width: 250px;
  height: 150px;
  text-align: center;
}

.nescafe_logo {
  width: 300px;
  height: 100px;
  text-align: center;
}

.winiary_logo {
  width: 250px;
  height: 150px;
  text-align: center;
}

.stoislaw_logo {
  width: 200px;
  height: 150px;
  text-align: center;
}

.kingapieninska_logo {
  width: 250px;
  height: 150px;
  text-align: center;
}

.zywiec_logo {
  width: 250px;
  height: 150px;
  text-align: center;
}

.jantar_logo {
  width: 300px;
  height: 200px;
  text-align: center;
}

.cocacola_logo {
  width: 300px;
  height: 200px;
  text-align: center;
}

.emix_logo {
  width: 250px;
  height: 200px;
  text-align: center;
}

.nestle_logo {
  width: 250px;
  height: 200px;
  text-align: center;
}
.kinder_logo {
  width: 250px;
  height: 100px;
  text-align: center;
}

.goplana_logo {
  width: 250px;
  height: 150px;
  text-align: center;
}