.skulpt-fullscreen-image {
	position: relative;
	clip-path: inset(0);
	isolation: isolate;
}
@media (min-width: 900px)	 { .skulpt-fullscreen-image { margin: 100px 0; } }
@media (max-width: 899.99px) { .skulpt-fullscreen-image { margin:  75px 0; } }

/*-------------------------------------------------------------------------------------------*/

.skulpt-fullscreen-image > .skulpt-media {
	position: fixed; top: 0; left: 0; z-index: -1;
	height: 100%; width: 100%;
}
.skulpt-fullscreen-image > .content-wrapper {
	display: flex; height: 100vh; max-height: 700px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	padding: 70px 0;
	
	text-align: center;
	color: #FFF;
}
.skulpt-fullscreen-image > .content-wrapper > .title {
	max-width: 500px;
	margin: 0;
	
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 4px;
}
.skulpt-fullscreen-image > .content-wrapper > .hook {
	max-width: 500px;
	
	text-transform: uppercase;
	font-weight: 400;
}
.skulpt-fullscreen-image > .content-wrapper > .description {
	max-width: 500px;
}
@media (min-width: 900px) {
	.skulpt-fullscreen-image > .content-wrapper { row-gap: 25px; }
	.skulpt-fullscreen-image > .content-wrapper > .title { font-size: 18px; }
	.skulpt-fullscreen-image > .content-wrapper > .hook { font-size: 36px; }
	.skulpt-fullscreen-image > .content-wrapper > .description { font-size: 18px; }
}
@media (max-width: 899.99px) {
	.skulpt-fullscreen-image > .content-wrapper { row-gap: 15px; }
	.skulpt-fullscreen-image > .content-wrapper > .title { font-size: 18px; }
	.skulpt-fullscreen-image > .content-wrapper > .hook { font-size: 24px; }
	.skulpt-fullscreen-image > .content-wrapper > .description { font-size: 16px; }
}