.start{
  display: flex;
  justify-content: space-between;
  height: 65vh;
  width: 100%;
  align-items: center;
}
.tekst{
  width: 40%;
  padding: 2%;
}
.tekst h1{
  font-size: 32px;
  font-weight: 800;
}

.tekst p{
font-size: 18px;
}
.karuzela{
  width: 60%;
  height: 100%;
  margin-top: 20px;

}
/* karuzela */


.carousel {
  background:white;
}

.carousel-cell {
  width: 38%;
  height: 65vh;
  margin-right: 10px;
  background: #000;
  border-radius: 5px;
  counter-increment: gallery-cell;
  background-position: center !important;
  background-size: cover !important;
  position: relative;

}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  line-height: 200px;
  font-size: 80px;
  color: white;
}

.flickity-page-dots{
  display: flex;
}
.flickity-page-dots .dot{
  height: 5px;
  width: 5px;
}
.relative{
height: 100%;
width: 100%;
position: relative;
}
.tytul-karuzela {
position: absolute;
bottom: 0px;
left: 30px;
color: white;
font-size: 19px;
opacity: 0.5;
transition: 0.3s;
}
.carousel-cell:hover .tytul-karuzela {
opacity: 1;
font-size: 21px;
}
/* oferta */

.oferta{
  min-height: 20vh;
  margin-top: 80px;
}
.oferta-title{
font-size: 30px;
font-weight: 800;
text-align: center;
margin: 0px;
}
.oferta-kontener{
display: flex;
justify-content: center;
width: 95%;
margin: auto;

}
.ofer{
width: 33%;
margin-bottom: 2%;
}

img.ofert-zdj {
width: 95%;
height: 260px;
object-fit: cover;
/* border-radius: 100%; */
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.0); 
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.0);
transition: 0.4s;
}

.zdj{
text-align: center;
}
.oferta-tekst{
text-align: center;
margin-top: 20px;
}
.oferta-tekst h3{
margin-bottom: 10px;
font-size: 22px;
transition: 0.3s;
}
.oferta-tekst p {
text-align: center;
}
.ofer{
cursor: pointer;
}
.ofer:hover .ofert-zdj{
transform: scale(0.9);
-webkit-box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.47); 
box-shadow: 0px 0px 23px 0px rgba(0,0,0,0.47);
}
.ofer:hover .oferta-tekst h3{
color: var(--szary);
}
.przycisk-dwa{
transform: scale(1.1);
border: solid 2px var(--szary);
color: var(--szary);
background-color: white;
font-size: 15px
}
.przycisk-dwa:hover{
transform: scale(1.1);
border: solid 2px var(--szary);
color: white;
background-color: var(--szary);
font-size: 15px
}
.oferta-kontener{
margin-top: 10px;
flex-wrap: wrap;
}

.przerywnik{
height: 50vh;
background-size: cover !important;
background-position: center !important;
position: relative;
width: 100%;
background-attachment: fixed !important;
}
.nakladk{
position: relative;
width: 100%;
height: 100%;
background-color: #0000005b;
display: flex;
justify-content: center;
align-items: center;
}
.logos{
width: 20vw;
}
.specj{
display: flex;
width: 95%;
margin: auto;
margin-top: 2%;
margin-bottom: 2%;
min-height: 50vh;
justify-content: space-between;
}

.galeria{
width: 60%;
display: flex;
justify-content: space-between;}
.spec-tekst{
width: 38%;
margin-top: 10%;
margin-bottom: 10%;
text-align: center;
}
.duzy {
width: 49%;
background-position: center !important;
height: 100%;
background-size: cover !important;
position: relative;
}

.male {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
width: 50%;
position: relative;

}

.malefoto {
width: 100%;
height: 49%;
background-position: center !important;
background-size: cover !important;
}
.spec-tekst p {
text-align: justify;
}
.spec-tekst button{
text-align: left;
}
.spec-tekst h2{
text-align: left;
}
.logo-specj{
position: absolute;
width: 100px;
left: 10px;
top: 10px;
}
.dol{
top: 52%;
}
.kontakt{
width: 100%;
display: flex;
padding: 2.5%;
align-items: center;
background-color: var(--szary);
}
.rekst{

width: 50%;
padding-right: 8%;
}
.form{
width: 50%;
}

.rekst h2{
color: white;
font-size: 30px;
}
.rekst p{
color: white;
font-size: 18px;
}
::placeholder{
color: white;
}
.form-nagl{
color: white;
font-size: 30px;
}
.ikon {
color: white;
font-size: 20px;
display: flex;
align-items: center;
}
a.dopis {
padding-left: 13px;
margin: 0px;
font-weight: 600;
color: white;
}
.ikon{
  display: flex;
  padding-bottom: 10px;
  color: black;
}
.ikon i {
  padding-right: 15px;
}
.srodek{
  justify-content: flex-start;
  margin-top: 30px;
}


.kontakt i {
  color: white !important;
}
.flex{
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.flex img{
  height: 50px;
  margin: 0 20px;
}
.logo{
  padding: 2.5%;
}
.klauzula{
  text-align: center !important;
}