.fullScreenBackground{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.85);
	z-index:999999;
	transition:all 0.3s ease-out; 
	-o-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out; 
	-webkit-transition:all 0.3s ease-out;
}

.fsCross{
	position: absolute;
	right: calc(2vw + 40px);
	top: calc(1vh + 40px);
	height: 40px;
	width: 40px;
	transform: rotate(45deg);
	cursor: pointer;
}

.fsCross:hover .L{
	background-color: #a3a096;
}

.L{
	transition:all 0.2s ease-out; 
	-o-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out; 
	-webkit-transition:all 0.2s ease-out;
}

.fsCrossL1{
	position: absolute;
	height: 4px;
	width: 100%;
	margin: auto;
	background-color: white;
	margin: calc(50% - 2px) 0px;
}

.fsCrossL2{
	position: absolute;
	width: 4px;
	height: 100%;
	background-color: white;
	margin: 0px calc(50% - 2px);
}

.fsContainer{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
	width: 70vw;
	height: 80vh;
}

.fsMediaContainer{
	width: 70vw;
	height: 60vh;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fsMedia{
	max-width: 100%;
    max-height: 100%;
    display: block;
}

.fsCaption{
	color: white;
	font-weight: 300;
	font-size: 17px;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	margin-bottom: 2em;
}

.magnifiable{
	cursor: pointer;
}