/* CSS Document */

.container{
	width: 100%;
	height: 100vh;
	background: url("bk-pc.jpg") no-repeat center;
	background-size: cover;
	font-family: "Yuji Syuku", serif;
	font-style: normal;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-weight: 400;
}

.text{
	background: rgba(0,0,0,0.5);
	padding: 50px 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap:20px;
}


.container h1{
	font-size: min(2.5vw,2.5rem);
	font-weight: 400;
}

.container h1 span{
	display: block;
}

@media(max-width: 1200px){
	
	.container h1{
		font-size: max(3.5vw,1.25rem);
	}
	
}


@media(max-width: 500px){
	
	.text{
		padding: 50px 10px;
	}
	
	.container h1 {
		text-align: left;
	}
	
	
	.container h1 span{
		display: inline;
	}
	
	
}