* {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
}
html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Encode Sans", sans-serif!important;
}
/* NAV */
.navbar {
  width: 80vw;
  margin:auto;
  font-family: "Encode Sans", sans-serif!important;
  font-weight: 600;
}
@media (min-width:1024px) {
 .partners-screen {
   height:70vh;
 }
  .welcometext img {
    height:86px;
    width:341px;
  }
}
@media (max-width:600px) {

  .navbar {
    width:100vw;
  }
  .navmenu-pc {
    text-align: center;
  }
  .holowanie-shadow h5 {
    font-size:0.9rem;
  }
}
@media (max-width:375px) {
  .navbar {
    width:100vw;
  }
  .welcometext {
    font-size:3rem;
  }
  .default-screen h1 {
    font-size:3rem;
  }
  .navmenu-pc {
    text-align: center;
  }
  .holowanie-shadow h5 {
    font-size:0.9rem;
  }
}
.navbar-custom a {
  color: black;
}
.bg-custom {
  background: rgb(255, 216, 0);
  color:black;
}
.bg-custom-black {
  background-color:black;
}
.navbar-brand {
  /*background:url("img/mp24logo.png");
  background-size:cover;
  background-repeat: no-repeat;
  background-position: center center;
  height:43px;
  width:170.5px;*/
}
.navbar-custom .navbar-nav .nav-link {
  color: black;
  transition: all 0.2s;
}
.navbar-custom .navbar-toggler .navbar-toggler-icon {
  color:black!important;
}

/* NAV */

/*SCREENS*/
.divshadow {
  -moz-box-shadow:     inset 10px 10px 10px rgb(0, 0, 0);
   -webkit-box-shadow:  inset 10px 10px 10px rgb(0, 0, 0);
   box-shadow:         inset 10px 10px 10px rgb(0, 0, 0);
}
.divshadow2 {
  -moz-box-shadow:     0 0 10px rgb(0, 0, 0);
   -webkit-box-shadow:  0 0 10px rgb(0, 0, 0);
   box-shadow:         0 0 10px rgb(0, 0, 0);
}
.default-screen {
  background-image: url(img/mechanic1.jpg);
  background-size: cover;
  background-position: 60% center;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100vw;
  background-attachment: fixed;
}
.cennik-screen {
 flex-direction: column;
 color:white;
 display:flex;
 align-items:center;
 justify-content: center;
 background-image: url(img/mechanic2.jpg);
 background-size: cover;
  background-position: 30% center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.holowanie-shadow {
  text-shadow: 1px 1px 1px black;
}
.serwis-screen {
  background-image: url(img/mechanic3.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-direction:column;
  color:white;
}
.partners-screen {
  width:100%;
  display:flex;
  align-items: center;
  justify-content: center;
  margin:auto;
  background:url("img/mechanic5.jpg");
  background-position: center center;
  background-attachment: fixed;
  color:white;
}
.partner-images {
  width:100%;
  display:flex;
  margin:auto;
  height:40vh;
}
.image-1 {
  background:url("img/pzulogo.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  width:300px;
  height:300px;
  display:flex;
  margin:auto;
  filter:grayscale(100%);
  transition: filter .2s ease;
}
.image-1:hover {
  filter:grayscale(0%);
}
.image-2 {
  background:url("img/interlogo.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  width:300px;
  height:300px;
  display:flex;
  margin:auto;
  filter:grayscale(100%);
  transition: filter .2s ease;
}
.image-2:hover {
  filter:grayscale(0%);
}
.image-3 {
  background:url("img/corislogo.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  width:300px;
  height:300px;
  display:flex;
  margin:auto;
  filter:grayscale(100%);
  transition: filter .2s ease;
}
.image-3:hover {
  filter:grayscale(0%);
}
.galleryscreen {
  background:url("img/mechanic3.jpg");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment: fixed;
}
.cars-1 {
  width:50vw;
  background:url("img/gallery/1.jpg");
  background-size:cover;
  background-position:center center;
}
.cars-2 {
  width:50vw;
  background:url("img/gallery/2.jpg");
  background-size:cover;
  background-position:center center;
}
.cars-3 {
  width:50vw;
  background:url("img/gallery/3.jpg");
  background-size:cover;
  background-position:center center;
}
.cars-4 {
  width:50vw;
  background:url("img/gallery/4.jpg");
  background-size:cover;
  background-position:center center;
}
.cars-5 {
  width:50vw;
  background:url("img/gallery/5.jpg");
  background-size:cover;
  background-position:center center;
}
.kontakt-screen {
  background-image: url(img/mechanic4.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display:flex;
  align-items: center;
  justify-content: space-around;
  flex-direction:column;
  color:white;
  text-align:center;
}
.back-to-top {
  border-radius: 50%;
}
.back-to-top:hover {
  color: rgb(255, 216, 0);
  background:black;
}
.footer {
  display:flex;
  align-items: center;
  justify-content: flex-start;
  margin:auto;
  height:6rem;
  width:100vw;
  background:black;
  color:white;
}
.footer p {
  font-size:.9rem;
}
/*SCREENS*/

/*RESPONSIVE*/
@media (min-width:568px) and (max-width:736px) {
  body {
  margin:0;
  padding:0;
  }
  .cennik-screen h1 {
    padding-top:1rem;
    font-size:2rem;
  }
  .cennik-screen {
    font-size:2rem;
    height:100%;
  }
  .partners-screen {
    height:100vh;
    display:flex;
    margin:auto;
  }
  .partner-images {
    flex-direction:row!important;
  }
  .partner-images a {
    height:150px!important;
    width:150px!important;
  }
  .serwis-screen h1 {
    padding-top:6rem;
    font-size:2rem;
  }
  .serwis-screen {
    height:100%;
    font-size: 1rem;
  }
  .kontakt-screen {
    height:100%;
  }
  .partnertxt {
    font-size:4rem!important;
  }
  h2 {
    font-size:1rem!important;
  }
  .kontakttxt {
    font-size:3rem;
  }
}
@media (max-width:320px) {
  #serwis h4 {
    font-size:1.2rem;
  }
  .blktxt {
    font-size:1rem;
  }
}
@media (max-width:360px) {
#street-help {
  font-size:2rem;
}
#street-help-text {
  font-size:1rem;
}
.partners-screen {
  height:100vh;
}
.partners-screen h1 {
  font-size:3rem;
}
.partner-images {
  width:100%;
  display:flex;
  flex-direction: column;
  margin:auto;
}
.image-1 {
  width:150px;
  height:150px;
  filter:grayscale(0%);
}
.image-2 {
  width:150px;
  height:150px;
  filter:grayscale(0%);
}
.image-3 {
  width:150px;
  height:150px;
  filter:grayscale(0%);
}
}
@media (max-width:375px) {
  #street-help {
    font-size:2rem;
  }
  #street-help-text {
    font-size:1rem;
  }
  .partners-screen {
    height:100vh;
  }
  .partners-screen h1 {
    font-size:3rem;
  }
  .partner-images {
    width:100%;
    display:flex;
    flex-direction: column;
    margin:auto;
  }
  .image-1 {
    width:150px;
    height:150px;
    filter:grayscale(0%);
  }
  .image-2 {
    width:150px;
    height:150px;
    filter:grayscale(0%);
  }
  .image-3 {
    width:150px;
    height:150px;
    filter:grayscale(0%);
  }
  }
  @media (min-width:380px) and (max-width:384px) {
    #street-help {
      font-size:1rem;
    }
    #street-help-text {
      font-size:1rem;
    }
    .partners-screen {
      height:100vh;
    }
    .partners-screen h1 {
      font-size:4rem;
    }
    .partner-images {
      width:100%;
      display:flex;
      flex-direction: column;
      margin:auto;
    }
    .image-1 {
      width:150px;
      height:150px;
      filter:grayscale(0%);
    }
    .image-2 {
      width:150px;
      height:150px;
      filter:grayscale(0%);
    }
    .image-3 {
      width:150px;
      height:150px;
      filter:grayscale(0%);
    }
  }
  @media (min-width:413px) and (max-width:415px) {
    .partnertxt {
      font-size: 4rem!important;
    }
    .kontakttxt {
      font-size: 4rem!important;
    }
  }
  @media (min-width:400px) and (max-width:480px) {

    #street-help {
      font-size:2rem;
    }
    #street-help-text {
      font-size:1rem;
    }
    .partners-screen {
      height:100vh;
    }
    .partners-screen h1 {
      font-size:5rem;
    }
    .partner-images {
      width:100%;
      display:flex;
      flex-direction: column;
      margin:auto;
    }
    .image-1 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
    .image-2 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
    .image-3 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
  }
  @media (min-width:500px) and (max-width:600px) {
   
    #street-help {
      font-size:3rem;
    }
    #street-help-text {
      font-size:2rem;
    }
    .partners-screen {
      height:100vh;
    }
    .partners-screen h1 {
      font-size:5rem;
    }
    .partner-images {
      width:100%;
      display:flex;
      flex-direction: column;
      margin:auto;
    }
    .image-1 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
    .image-2 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
    .image-3 {
      width:200px;
      height:200px;
      filter:grayscale(0%);
    }
  }
/*RESPONSIVE*/