footer{background:#fff;color:#000}
body{font-family: "Moderustic", sans-serif;font-weight:300}
.copyright_n{font-size:0.75rem;color: rgb(0,0,0,0.5);font-weight:normal}	
.copyright_n a{font-size:0.75rem;color:rgb(0,0,0,0.5);font-weight:normal}	
.copyright_n a:hover{text-decoration:none;font-size:0.75rem;color:rgb(0,0,0,0.5)}

#canvas{
	padding: 5rem;
	min-width: 900px;
	display:flex;
	flex-wrap:Wrap;
	min-height: 71vh;}
	
	.pr_flex{display:flex;flex-wrap:Wrap;}
.nav_section{width:20%;text-align:right;padding-right:2rem}	
.content_section{width:80%;}	

#menu-menu{display:flex;flex-wrap:Wrap;flex-direction:column;align-items:flex-end}

.nav-center-middle .navbar-brand{color:#800000;font-weight:bold}
.navbar-brand{color:#800000;font-weight:bold}

/*.navbar-nav>li:nth-child(1){
margin-bottom: 0.5rem;}

.navbar-nav>li:nth-last-child(1){
margin-top: 0.5rem;}
*/
.navbar-nav>li>a {
    padding-top: 0.0125rem;
    padding-bottom: 0.0125rem;
	padding-right:0px;
	padding-left:0px
}
.nav-center-middle {
    display: flex;
    flex-wrap: Wrap;
    align-items: Center;
    justify-content: flex-end;
    width: 100%;
	
}
.nav-center-middle .navbar-brand{display:flex;flex-wrap:Wrap;flex-direction:column;align-items:flex-end;color:#800000;margin-bottom:2rem}
.nav-center-middle .navbar-brand a{color:#800000}

.navbar-collapse.collapse {
    justify-content: flex-end;
	padding-right:0px;
	padding-left:0px
}


.nav_section a{color: #000;    font-weight: 300;}

.hc_warte_uwagi_grid_txt{display:none;position:absolute;width: 100%;    height: 100%;
       background: rgba(255, 255, 255, 0.4);
    align-items: center;
    justify-content: center;
    top: 0px;
    left: 0px;
    text-align: center;}
.grid-wrapper > article:hover  .hc_warte_uwagi_grid_txt{display:flex;}
.masonry > article:hover  .hc_warte_uwagi_grid_txt{display:flex;}

.grid-wrapper img {
	max-width: initial;
	height: auto;
	vertical-align: middle;
	display: inline-block;
}

/* Main CSS */
.grid-wrapper > article {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	position:relative
}
.grid-wrapper > article > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 5px;
}

.grid-wrapper {
		display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(3, 1fr); /* Zawsze 3 kolumny */
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
}
/*.grid-wrapper .wide {
	grid-column: span 2;
}
.grid-wrapper .tall {
	grid-row: span 2;
}
.grid-wrapper .big {
	grid-column: span 2;
	grid-row: span 2;
}*/


.nav>li>a {color:#000;font-weight:300}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: initial;
	color:#800000
}

.content_section_info{display:flex;flex-wrap:Wrap;padding:0rem 5rem;align-items:flex-start}
.content_section_info_box{width:50%}
.content_section_info_box:nth-child(1){padding-right:2rem}
.content_section_info_box:nth-child(2){padding-left:2rem}


.masonry { /* Masonry container */
    /*-webkit-column-count: 3;
  -moz-column-count:3;
  column-count: 3;*/
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
position:relative;
    padding: 0;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    font-size: .85em;
}
.item {
    display: inline-block;
    background: #fff;
    position:relative;
    margin: 0 0 1.5em;
    width: 100%;
	overflow:hidden;
	-webkit-transition:1s ease all;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    
}
.item img{max-width:100%;}


@media(min-width:1024px){
	.page_mobile{display:none !important}
	.single-case .page_mobile{display:none !important}
}
@media(max-width:1023px){
	
	.hc_warte_uwagi_grid_txt{display:block !important}
	.content_section_info {
    display: flex;
    flex-wrap: Wrap;
    padding: 0rem 0rem;
    align-items: flex-start;
}

.content_section_info_box{width:100%}
.content_section_info_box:nth-child(1){padding-right:0rem;padding-bottom:2rem}
.content_section_info_box:nth-child(2){padding-left:0rem}
	
	
	
	.masonry { /* Masonry container */
    -webkit-column-count: 1;
  -moz-column-count:1;
  column-count: 1;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;

    padding: 0;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    font-size: .85em;
}
	.page_mobile{display:flex;flex-wrap:Wrap;width:100%}
	#canvas{
	padding: 2rem;
	min-width: 100%;
	display:flex;
	flex-wrap:Wrap;
	min-height: 69vh;}
	
	.navbar_left{padding-right:0px;padding-left:0px}
	.nav_section{width:100%;text-align:right;padding-right:0rem;}	
.content_section{width:100%;}
    .navbar-collapse.collapse.in {
        display: flex;
    }
	
	.grid-wrapper {
		display: grid;
	grid-gap: 10px;
	grid-template-columns: repeat(1, 1fr); /* Zawsze 3 kolumny */
	grid-auto-rows: 200px;
	grid-auto-flow: dense;
} 


}
@media (max-width:1023px){

  .navbar-toggle{
    display:none !important;
  }

  .navbar-collapse.collapse{
    display:flex !important;
    justify-content:flex-end;
    height:auto !important;
    overflow:visible !important;
  }

  .navbar-collapse.collapse:not(.in){
    display:flex !important;
  }

  #menu-menu{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
  }

  .navbar-nav{
    float:none !important;
    margin:0 !important;
  }

  .navbar-nav > li{
    float:none !important;
    display:block !important;
  }

  .navbar-nav > li > a{
    display:block !important;
    padding:0.2rem 0 !important;
  }
}@media (max-width:1023px){

  .nav_section{
    text-align:left !important;
  }

  .nav-center-middle{
    justify-content:flex-start !important;
  }

  .nav-center-middle .navbar-brand{
    align-items:flex-start !important;
    text-align:left !important;
    margin-bottom:1.5rem !important;
  }

  #menu-menu{
    align-items:flex-start !important;
  }

  .navbar-nav > li > a,
  .nav > li > a,
  .nav_section a{
    text-align:left !important;
  }
}@media (max-width:1023px){

  .navbar-collapse.collapse{
    justify-content:flex-start !important;
  }

  .navbar-right{
    float:none !important;
    margin-right:0 !important;
    margin-left:0 !important;
  }

  .navbar-nav{
    align-items:flex-start !important;
    justify-content:flex-start !important;
    text-align:left !important;
    width:100% !important;
  }

  .navbar-nav > li{
    width:100% !important;
    text-align:left !important;
  }

  #menu-menu{
    width:100% !important;
    align-items:flex-start !important;
  }
}@media (max-width:1023px){
  .nav_section{
    margin-bottom: 1.5rem !important;
  }
}.grid-wrapper > article,
.masonry .item,
.item {
  background: #000 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}

.grid-wrapper img,
.grid-wrapper > article > img,
.masonry .item img,
.item img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  vertical-align: top !important;
}.grid-wrapper > article,
.masonry .item,
.item {
  line-height: 0 !important;
}.grid-wrapper > article,
.masonry .item,
.item {
  overflow: hidden !important;
  background: #000 !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  line-height: 0 !important;
  transform: translateZ(0) !important;
  -webkit-transform: translateZ(0) !important;
  -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

body,
#canvas,
.content_section,
.grid-wrapper,
.masonry,
.grid-wrapper > article,
.masonry .item,
.item,
.grid-wrapper > article a,
.masonry .item a,
.item a {
  background-color: #0b0b0b !important;
}

.grid-wrapper > article,
.masonry .item,
.item {
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.grid-wrapper img,
.grid-wrapper > article > img,
.masonry .item img,
.item img {
  display: block !important;
  background-color: #0b0b0b !important;
}