@font-face {
	font-family: SurfQuestRegular;
	src: url(../font/surfquest-font/Surfquest-3zVXL.otf);
}

* {
	box-sizing: border-box;
	margin: 0;
}

.container {
	position: relative;
	perspective: 150vw;
	perspective-origin: bottom;
}

img { 
	max-width: 100%;
	display: block;
	width: 100%;
}

.container .text-box {
	position: absolute;
	width: 4.5vw;
	height: 18vw;
	transform: rotateY(25deg);
	top: 27.5%;
	left: 37%;
	display: flex;
	flex-direction: row-reverse;
	text-align: right;
	justify-content: space-between;

	color: #fff;
	font-size: 5vw;
	letter-spacing: 1vw;
	/*font-weight: bold;*/
	font-family: SurfQuestRegular;
	/*text-shadow: -.03em -.03em 0 black;*/
}

.static-text, .dynamic-text {
	display: flex;
	justify-content: space-evenly;
	flex-direction: column;
}