@import url("settings.css");

header {background: var(--body-background)}
h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: var(--color1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: #000;}
h3 {margin-top: 20px; color: var(--color1); margin-bottom:10px; line-height: 1.5em; font-size: 20px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 1em; font-size: 0.8em}
 
#menu_sidebar .navbar-brand, header .navbar-brand {font-size: 26px}
.page-title {text-align:left}
 .slider {height:fit-content}
.slider-image>img, .slider-image video {position:relative}
/*odkomentuj jesli ma wyswietlac napisy*/
/*.slider .carousel-one {background: unset}
.slider .carousel-one {display:none !important}*/ 
.priest img{border-radius:50%}
.priest {border-bottom:0}
.content {padding-right:30px}
#menu_sidebar .navbar-brand small, header .navbar-brand small {letter-spacing:1px}
@media (max-width: 1400px){
header .navbar-brand {  font-size: 22px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 10px}
}
@media (max-width: 1200px){
header .navbar-brand {  font-size: 18px;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 15px 8px}
}
@media (max-width: 992px){
    header .navbar-brand {  font-size: 20px;}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {padding: 5px 20px;}
}
@media (max-width: 576px){
.content {padding-right:10px}
      .slider {height:400px}
         .slider .carousel-one {display:block  !important}
    .slider .carousel-one h1 {font-size:20px}
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display: inline}
    header .navbar-brand {  font-size: 15px; padding-top:10px}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {line-height:0}
}

@media (max-width: 380px){
     .slider {height:360px}
}