footer{background:#000;color:#fff}
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:100%;}	

.wrapper {
  position: relative;
  width: 100%;
  margin: 0 auto;
  max-width: 1000px;
}
.wrapper video {
  width: 100%;
}
.wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wrapper svg text {
  font-family: "Montserrat", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 40px;
}
.wrapper svg > rect {
  -webkit-mask: url(#mask);
  mask: url(#mask);
}
.wrapper svg rect {
  fill: #fff;
}



.wrapper:before, .wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background-color: #fff;
}
.wrapper:before {
  left: -9px;
}
.wrapper:after {
  right: -5px;
}



#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;
} 


}