body {margin: 0; font-size: 16px; padding: 0; color: #1a1a1a; font-family: 'Open Sans', sans-serif; width: 100%; font-weight: 400;}
a, a:hover, a:visited, a:link{text-decoration: none;}
h1, h2, h3, h4, h5, p, span, li{position: relative; margin: 0 0 10px 0; padding: 0; //text-align: justify;}
h1, h2, h3, h4, h5{color: #181816;}
h1{font-size: 80px; font-family: 'EB Garamond', serif; font-weight: 400;}
h2{font-family: 'EB Garamond', serif; font-size: 48px;}
h3{font-size: 19px; font-weight: 400; text-align: justify; font-family: 'EB Garamond', serif;}

.naglowek h3, .naglowek h1{color: #000;}
.naglowek h3{font-family: 'Open Sans', sans-serif; font-size: 25px;}
.naglowek h1, footer h3{text-align: left;}
p, li{margin-bottom: 10px; font-size: 15px;}

ul{margin-left: auto; margin-right: auto;}
a{color: #a97345; text-decoration: none;}
a:focus, a:hover, a:visited{ color: #083224; text-decoration: none;}
.navbar a:visited{ color: #000;}
a.navbar-brand{color: #000; text-transform: uppercase; font-size: 16px; font-weight: bold; line-height: 16px;}
.btn-primary, .btn-primary:hover, .btn-primary:visited, btn-primary:focus{border-radius: 0px; background: #083224; text-transform: uppercase; border: 1px solid #083224; padding: 15px 40px; font-size: 16px; color: #fff; font-weight: 700;}
.naglowek .btn-primary{font-size: 18px; font-weight: 700; float: right;}
.btn-primary:hover{color: #1a1a1a;}
.btn-primary:hover{background: transparent;}
img {border: 0; max-width: 100%;}
.clear{clear: both;}


@media (max-width: 576px) {.stopka p{text-align: center!important}}
@media (min-width: 576px) {.container {max-width: 100%;}}
@media (min-width: 768px) {.container {max-width: 100%;}}
@media (min-width: 992px) {.container {max-width: 100%;}} 
@media (min-width: 1400px) {.container {max-width: 1246px;}}

.bg{background: url(../img/baner.webp) no-repeat center; background-size: cover; min-height: 100vh; height: auto;}
.navbar-collapse{flex-grow:0;}
.nav-item{padding: 0 20px; background: url(../img/circle.webp) no-repeat right center;background-size: 6px;} 
.nav-item:last-child{background: none; padding-right: 0;}
.nav-item:first-child{padding-left: 0;}
.nav-link{color: #fff; text-transform: uppercase; font-weight: 600; border-bottom: 2px solid transparent; padding: 15px 0!important; font-size: 15px;} 

.nav-link:focus, .nav-link:hover{border-bottom: 2px solid #a97345; color: #fff;} 

.zakres a, .zakres .zzz{border: 1px solid #fff; display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 15px; font-weight: 700; padding: 18px 0; display: flex; justify-content: center; align-items: center;}
.zakres a:hover, .zakres .zzz:hover{background: #fff; color: #000;}
#zakres-uslug h2{font-size: 60px;}
#zakres-uslug p{font-size: 18px;}
#zakres-uslug h3{font-size: 40px;}
.bb{border-left: 1px solid #a67243; padding-left: 30px;}
.sp{background: #083224; color: #fff;}
.sp h3{color: #fff;}
.a{padding: 60px;}

footer{background: #083224; color: #fff; overflow: hidden;}
footer h2, footer h3{color: #fff;}
footer .zakres a{color: #fff;}
.k img{width: 25px; margin-right: 10px;}
footer .k p{font-size: 16px; font-weight: 300;}
footer a{color: #fff;}
footer a:hover{color: #fff;}
.stopka p{font-size: 14px; }
.stopka p a{color: #fff;}
footer a.navbar-brand{color: #fff;}