.mosaic {
	margin-bottom: 55px;
}

.mosaic .content-cont {
	position: relative;
}

.mosaic .content-cont::before {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	background-color: #f0ccbd;
	position: absolute;
}

.mosaic,
.mosaic .img-cont {
	position: relative;
}

.mosaic .img-cont::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0ccbd;
    opacity: 0.2;
    pointer-events: none;
}
.mosaic .slide .inner {
	position: relative;
}

.mosaic .img-cont img {
	display: block;
	width: 100%;
}

.mosaic .slide:nth-of-type(1):hover .img-cont a::before {
	content: '';
    position: absolute;
    border: 1px solid white;
    top: 1.25%;
    width: 95%;
    height: 97%;
    right: 2.25%;
}

.mosaic .slide:hover .img-cont a::before {
	content: '';
    position: absolute;
    border: 1px solid white;
    top: 2%;
    width: 98%;
    height: 96%;
    right: 1%;
}

.mosaic .img-cont .shared-play-button{
	bottom: 0;
    top: auto;
    right: 0;
    left: auto;
    margin-bottom: 0;

    width: 40px;
    height: 40px;
    font-size: 15px;
}
.mosaic .img-cont .shared-play-button i{
	position: relative;
	top: 1px;
	left: 1px;
}
.mosaic h4,
.mosaic h4 a {
	color: #FFF;
    text-transform: uppercase;
    font-size: 26.3px;
    pointer-events: all;
    font-family: "caslons-egyptian", sans-serif;
    font-weight: 400;
    margin: 0;
    line-height: 1em;
    text-align: center;
    pointer-events: none;
}

.mosaic .content-section {
	position: absolute;
    background-color: transparent;
    padding: 15px;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mosaic .content-cont > picture {
	display: block;
	-ms-grid-column: 1;
}
.mosaic .content-cont picture:nth-of-type(2) {
	-ms-grid-column: 3;
	text-align: right;
}

.mosaic .cols {
	padding: 10px 20px 10px;
	position: relative;
}

.mosaic .cols .slide{
	margin-bottom: 10px;
}
.mosaic .cols .slide:last-child{
	margin-bottom: 0px;
}
@media (min-width: 40em) {
	.mosaic .cols {
		max-width: 640px;
		margin: 0 auto;
	}
}

@media (min-width: 64em) {
	.mosaic .content-cont::before {
		height: calc(100% - 159px);
		top: 86px;
	}

	.mosaic .cols {
		display: grid;
		display: -ms-grid;
		max-width: 1423px;
		padding: 0 30px;
		grid-template-columns: 0.06fr 0.3fr 0.245fr 0.05fr 0.3fr 0.06fr;
		grid-column-gap: 12px;
		grid-row-gap: 12px;

		-ms-grid-columns: 0.1fr 12px 0.65fr 12px 0.55fr 12px 0.1fr 12px 0.68fr 12px 0.1fr 12px;

		-ms-grid-rows: 77px 12px 288px 12px 291px 12px 342px 12px 64px;
		-ms-grid-row-align: center;
	}
	.mosaic .cols .slide{
		margin-bottom: 0;
	}
	.mosaic .cols .slide:nth-of-type(1) {
		grid-column: 2;
		grid-row: 1 / span 3;

		-ms-grid-column: 3;
		-ms-grid-row: 1;
	}

	.mosaic .cols .slide:nth-of-type(2) {
		grid-column: 3 / span 2;
		grid-row: 2;

		-ms-grid-column: 5;
		-ms-grid-column-span: 3;
		-ms-grid-row: 3;
	}

	.mosaic .cols .slide:nth-of-type(3) {
		grid-column: 5 / span 2;
		grid-row-start: 2;

		-ms-grid-column: 9;
		-ms-grid-column-span: 3;
		-ms-grid-row: 3;
	}

	.mosaic .cols .slide:nth-of-type(4) {
		grid-column: 3 / span 3;
	    grid-row-start: 3;

	    -ms-grid-column: 5;
	    -ms-grid-column-span: 5;
	    -ms-grid-row: 5;
	}

	.mosaic .cols .slide:nth-of-type(5) {
		grid-column: 1 / span 3;
		grid-row-start: 4;

		-ms-grid-row: 7;
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;

	}
	.mosaic .cols .slide:nth-of-type(6) {
		grid-column: 4 / span 2;
    	grid-row: 4 / span 1;

		-ms-grid-row: 7;
		-ms-grid-column: 7;
		-ms-grid-column-span: 3;

	}
	.mosaic h4,
	.mosaic h4 a {
	    font-weight: 600;
	    letter-spacing: 0.1em;
	}

}


@media (min-width: 1440px) {
	.mosaic .cols {
		grid-template-columns: 70px 392px 288px 91px 390px 68px;
		-ms-grid-columns: 70px 12px 392px 12px 288px 12px 91px 12px 390px 12px 68px 12px;
	}
}