body {

  color: #000000;
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
}

.header{
display: flex;
justify-content: center;
align-content: center;

}
.header2{
display: flex;
justify-content: end;
align-content: center;

}
.navbar{
  background-color: #424343;
  background-size: cover;
  height: 70px;
  font-size: 20px;
  
}
.navbar-nav{
  display: flex;
  justify-content: space-between;
  align-content: center;
  
}

.nav-link:link {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* Odwiedzony link */
.nav-link:visited {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* Po najechaniu myszką */
.nav-link:hover {
  color: white!important;
  text-decoration: inherit!important;
}
 
/* "Kliknięty" link */
.nav-link:active {
  color: white!important;
  text-decoration: inherit!important;
}
.logo{
margin-top: 20px;
margin-bottom: 20px;

}
.homepodnosnik{
display:flex;
justify-content: center;
align-content: center;
width: 100%;
height: 700px;
background-size:cover;
background-position: center;


}
.wynajmijhome{
text-shadow: 2px 2px 2px #000000;
width: 100%;
background-color: rgba(37, 37, 37, 0.4);
display: flex;
justify-content: center;
align-content: center;
align-items: center;
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
padding-left:10px ;
padding-right:10px ;
margin-top: 20px;

}
.homewynajem{
width: 80%;
margin-left: -30%;
}
.tekst3{
font-size: 20px;
}
.opisfirmy{
  padding-top: 60px;
}
p.opis2{
font-size: 25px;
text-align: justify;
}


.zalozenie{
    margin-top:40px;
}

.baner{
    display: flex;
    justify-content: center;
    align-content: center;
}
.baner3{
  position: relative;
  top: -17px;
}




.img1{
display: block;
margin-left: auto;
margin-right: auto;

}
.img3{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.zdjecie{
  border: 2px solid #eaff32;
  transform: scale(0.98);
transition: .5s;
transition: 1s;
margin-top: 35px;

}
.zdjecie:hover {
  transform: scale(1);
  
  }

  .przycisk{
    display:flex;
  justify-content: center;
  align-content: center;
  text-align: center;
  align-items: center;
  margin-left: -1rem;
   
  }

  .btn2{
    background-color: #3b3b3b;
    border: 2px solid #fff600;
    text-decoration: none;
 width: 100px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 5px;
  }
  .btn2:hover{
    background-color: rgb(34, 34, 34);
    border: 2px solid #fff600;
  transition: 1s;
  text-decoration: none;
  
  
  }

.btn1{
background-color: #fff600;
border: 2px solid #454545;
text-decoration: none;
}
.btn1:hover{
background-color: #f7de00;
border: 2px solid #454545;
transition: 0.4s;
text-decoration: none;


}
  .podnosnik{

    transform: scale(0.97);
    transition: 1s;
  }
  .podnosnik:hover {
    transform: scale(1.0)
    }
    .podnosnik2{
      display: block;
      margin-left: auto;
      margin-right: auto;
width: 700px;
transform: scale(0.99);
      transition: 1s;
    }
    .podnosnik2:hover {
      transform: scale(1.0);
      
      }
.podnosniknaglowek{
margin-left: 50px;
background-color: #454545;
}


    .card-text{
      text-align: center;
    }

.zalety2{
margin-top: 80px;
}

      
.zalety{
  display: flex;
  justify-content: center;
  align-content: center;
  text-align: center;
}


.transkacja{
  margin-bottom: 30px;
}





.contact{
  background-position: center;
  background-size: cover;
}
.contact p{
font-size: 19px;
}
.contact2 p{
font-size: 19px;
}
.godziny_otwarcia{
  font-size: 20px;
    display: flex;
    justify-content: center;
    align-content: center;
  
}

.wynajemoferta{
  border: 2px solid #32c9ff;
}




.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.marketingzdjecie{
  width: 140px;
}
.marketing2 .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing2 h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing2 .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}

.tlo{
background-position:top;
background-color: #434343;
}
.tlo2{
color: #ffffff;
background-color: #434343;
float: left;
padding: 5px;
padding-left: 40px;
padding-right: 40px;
margin-left: -15px;
}
.test2{
display: block;
margin-left: auto;
margin-right: auto;

}
.test3{
margin-top: 150px;
}
.tlo3{
color: white;
background-image: url(/img/tlo1.png);
background-position: center;
background-size: cover;
}

.tlo3 .opis{
font-size: 26px;
}
.tlo5{
color: #434343;
float: left;
padding: 10px;
padding-left: 40px;
padding-right: 40px;
}
ul {

list-style-type: none;

}

.footer{
display: flex;
align-content: center;
align-items:center   ;
margin-top: 50px;

}

.design{
background-color: #2580b3;}


.tekstlead{
font-size: 15px;
}
.lead{
  font-size: 20px;
}

.tekststrona{
margin-top: 40px;
}
.tekstrodzaj{
margin-top: 20px;
}


.stopka{
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 18px;
color: white;
}
.tlostopka{
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #ffffff6e;
}
.tlostopka1{
background-color: rgba(0, 0, 0, 0.1);
border: 2px solid #ffffff6e;

}




@-webkit-keyframes fadeInDown {
from {
    opacity:0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px);
}
to {
    opacity:1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
}
}
@-moz-keyframes fadeInDown {
from {
    opacity:0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px);
}
to {
    opacity:1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
}
}
@keyframes fadeInDown {
from {
    opacity:0;
    -webkit-transform: translatey(-10px);
    -moz-transform: translatey(-10px);
    -o-transform: translatey(-10px);
    transform: translatey(-10px);
}
to {
    opacity:1;
    -webkit-transform: translatey(0);
    -moz-transform: translatey(0);
    -o-transform: translatey(0);
    transform: translatey(0);
}
}
.in-down {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
}


/** fadeInLeft **/

@-webkit-keyframes fadeInLeft {
from {
    opacity:0;
    -webkit-transform: translatex(-10px);
    -moz-transform: translatex(-10px);
    -o-transform: translatex(-10px);
    transform: translatex(-10px);
}
to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}
}
@-moz-keyframes fadeInLeft {
from {
    opacity:0;
    -webkit-transform: translatex(-10px);
    -moz-transform: translatex(-10px);
    -o-transform: translatex(-10px);
    transform: translatex(-10px);
}
to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}
}
@keyframes fadeInLeft {
from {
    opacity:0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
}
to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
}
}
.in-left {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-duration:1s;
animation-delay: 0.3s;
}




@media(max-width:992px) {

.test3{
  margin-top: 150px;
}
.homewynajem{
  width: 100%;
  margin-left: -15%;
}
.tekst3{
  font-size: 18px;
}
}





@media(max-width:677px) {


.footer h2{
font-size: 20px;
}
.tlo3 .opis{
font-size: 20px;
}

p.opis2{
font-size: 20px;
text-align: center;
}
.navbar-nav{
  margin-top: 0px;
  }

.lead{
font-size: 15px;
}
}


@media(max-width:575px) {


.navbar-nav{
text-align: center;
margin-top: 16px;
display: block;
margin-left: auto;
margin-right: auto;
}

.navbar-toggler{
margin-top: 6px;
margin-left: 6px;
}
p.display-6{
font-size: 24px;
}
.marketingzdjecie{
width: 80px;
}

}



@media(max-width:490px) {

.stopka{

font-size: 12px;
}
.tlo3 .opis{
font-size: 17px;
}
p.opis2{
font-size: 16px;
}
p.display-6{
font-size: 20px;
}

.tekst3{
  font-size: 15px;

}
}


@media (max-width:300px) {
.test2{
  margin-top: 50px;
}

}


.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}

.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}

.bi {
vertical-align: -.125em;
fill: currentColor;
}

.nav-scroller {
position: relative;
z-index: 2;
height: 2.75rem;
overflow-y: hidden;
}

.nav-scroller .nav {
display: flex;
flex-wrap: nowrap;
padding-bottom: 1rem;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;}