.bc-photogrid {
	
}

.bc-photogrid .gallery {
	  display: grid;
	  grid-gap:.5em;
	  grid-template-columns: repeat(auto-fill, minmax(calc(50% - 1em),1fr));
	  grid-template-rows: repeat(auto-fill, minmax(calc(34.5% - 1em),1fr));
	  min-height:80vh;
	  padding-top:2em;
}
@media only screen and (min-width: 801px) {
	.bc-photogrid .gallery {
	    grid-template-columns:repeat(auto-fill, minmax(calc(16.66667% - 1em),1fr));
	    grid-template-rows: auto;
	    padding-top:1em;
	}
}

.bc-photogrid .gallery .gallery-item h2,.bc-photogrid .gallery .gallery-item .button.learn-more { color:white; }
.bc-photogrid .gallery .gallery-item h2 {
	padding-left:2rem;
	padding-right:2rem;
}

.bc-photogrid .gallery .gallery-item {
	background: center no-repeat;
	background-size:cover;
	margin:inherit;
	width:inherit;
    background-position: center;
	grid-column-end: span 2; /* make most images double width (so some can be half width) */
	grid-row-end: span 2; /* make most images double width (so some can be half width) */
}
@media only screen and (min-width: 801px) {
	.bc-photogrid .gallery .gallery-item:nth-child(1),
	.bc-photogrid .gallery .gallery-item:nth-child(7) {
        grid-row-end: span 4;
    }
    .bc-photogrid .gallery .gallery-item:nth-child(3),
    .bc-photogrid .gallery .gallery-item:nth-child(5),
    .bc-photogrid .gallery .gallery-item:nth-child(8),
    .bc-photogrid .gallery .gallery-item:nth-child(11) {
        grid-column-end: span 1;
        grid-row-end: span 1;
    }
    .bc-photogrid .gallery .gallery-item:nth-child(4),
    .bc-photogrid .gallery .gallery-item:nth-child(9) {
        grid-column-end: span 1;
    }
    .bc-photogrid .gallery .gallery-item:nth-child(6) {
        background:#9C0F26;
        color:white;
        display: flex;
        align-items:center;
        justify-content: center;
        background-position: center;
    }
}

@media only screen and (max-width: 800px) {
	.bc-photogrid .gallery {
	    grid-template-columns:repeat(auto-fill, minmax(calc(16.66667% - 1em),1fr));
	    grid-template-rows: auto;
	    padding-top:1em;
	}
	.bc-photogrid .gallery .gallery-item:nth-child(1) {
        grid-row-end: span 3;
    	grid-column-end: span 6;
    }
    .bc-photogrid .gallery .gallery-item:nth-child(2),
    .bc-photogrid .gallery .gallery-item:nth-child(3),
    .bc-photogrid .gallery .gallery-item:nth-child(4),
    .bc-photogrid .gallery .gallery-item:nth-child(5),
    .bc-photogrid .gallery .gallery-item:nth-child(7),
    .bc-photogrid .gallery .gallery-item:nth-child(8),
    .bc-photogrid .gallery .gallery-item:nth-child(9),
    .bc-photogrid .gallery .gallery-item:nth-child(10),
    .bc-photogrid .gallery .gallery-item:nth-child(11) {
        display:none;
    }
    .bc-photogrid .gallery .gallery-item:nth-child(6) {
        background:#9C0F26;
        color:white;
        display: flex;
        align-items:center;
        justify-content: center;
        padding: 10px;
        grid-row-end: span 1;
   		grid-column-end: span 6;
    }
}