@font-face {
  font-family: Trajan;
  src: url(TrajanPro.ttf);
}


html, body{

  overflow-x: hidden;
  padding: 0;
  overflow: hidde;
  font-size: 1rem;
/*  scroll-padding-top: 45px;*/
  font-family: 'Lato', sans-serif;

  scroll-behavior: smooth;
/*  scroll-behavior: auto !important;*/

}

a:link,a:visited, a:hover, a:active{
  text-decoration: none;
}

nav {
    scroll-behavior: smooth !important;
}

.center{
  display: grid;
  place-items: center;
}

.top_bar{
	background-color: #F5CB0E;
	font-size: 0.85rem;
  
}
 .top_bar a{
  color: #000000;
}

 .top_bar p {
  margin-bottom: 0;
}

nav {
  background-color: #e4e4e4;
  max-height: 70px;
  scroll-behavior: smooth; !important;
}

nav a {
  color: #575756;
}

.nav-item{
  margin-left: 20px;
}

@media screen and (max-width: 1200px) {
  .nav-item {
    margin-left: 2px;
  }
}


.navbar-collapse{
  flex-grow: 0 !important;
/*  background-color: #e4e4e4;*/
/*  margin-top: -38px;*/
/*  color: white !important;*/
}

.logoImg{
  margin-top: 100px;
  max-height: 230px;
}
.logoImgSmall{
    display: none;
    margin-top: -45px;
    height: 140px;
    z-index: 2;
    font-size: 0.8rem;
  }

@media screen and (max-width: 992px) {
  .logoImg {
    display: none;
  }
  .logoImgSmall{
    display: inline;

  }
}

/*a:link,a:visited, a:hover, a:active{
  text-decoration: none;
}*/

 .baner{
  min-height: 75vh;
  background-image: url(../img/baner.jpg);
  background-size: cover;
  background-position: center;
  font-family: Trajan, sans-serif;
  color: #FFFFFF;
  background-position: center;
}

.baner_small{
  height: 130px;
  background-image: url(../img/baner_small.jpg);
  background-size: cover;
  background-position: center;
  color:#FFFFFF;
  font-family: Trajan, sans-serif;
  
}


.baner h1{
  padding-top: 140px;
}

button{
  font-family: 'Lato', sans-serif !important;
  font-size: 0.85rem !important;
}

@media screen and (max-width: 992px) {
  .navbar-nav {
  background-color:#4c5054 !important;
  border-radius: 20px;
  }
  .navbar-nav a{
    color: #FFFFFF !important;
  }
  .navbar{
    background-color: transparent !important;
  }
  .baner, .baner_small{
     margin-top: -70px;
  }
}

.navbar-toggler{
  color: #FFFFFF !important;
    background-color: white;
}

@media screen and (max-width: 768px){
  .top_bar{
    font-size: 0.70rem;  
  }
}


#zakres{
  min-height: 400px;
  background-color: #e4e4e4;
  font-family: Trajan, sans-serif;
  color: #585858;
}

.zakres_box{
  min-height: 100px;
  margin: 10px;
}

.oferta_pelna{
  min-height: 100px;
  background-image: url(../img/line_bg.jpg);
  background-position: center;
}

.oferta_button{
  color:#585858 ;
  padding: 15px;
  font-size: 1.2rem !important;
  border: solid;
  border-radius: 25px;
  border-color: #585858;
  border-width: 4px;
  margin-top: 40px;
  margin-bottom: 40px;
}

footer{
  min-height: 450px;
  background-image: url(../img/footer_bg.jpg);
  background-position: center;
  background-size: cover;
  color: #FFFFFF;

}

footer h3{
  color: #f5cb0e;
   font-family: Trajan, sans-serif;
}

footer a, footer a:hover{
  color: #FFFFFF;
}

.link a, .link a:hover{
  color: #FFFFFF !important;
}


.buttom_form{
  background-color: #f5cb0e;
  border-radius: 5px;
  padding: 10px;
  color: #FFFFFF;
  border-width: 0;
}

.black{
  min-height: 65px;
  background-color: black;
  color: #FFFFFF;
  font-size: 0.90rem;
}

#zakres1{
/*  min-height: 200px;*/
  font-family: 'Lato', sans-serif;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 0.9rem;
}

#ofirmie{
/*  min-height: 200px;*/
  font-family: 'Lato', sans-serif;
  color: #000000;
  background-color: #FFFFFF;
  font-size: 1rem;
}

.fontT{
  font-family: Trajan, sans-serif;;
}


@media screen and (min-width: 576px) {
  .hidden{
    display: none;
  }
}

.zakres_box:hover {
  /*transform: scale(1.05);
  transition: 1sek;*/
  transform: scale(1.02);
  }