/****************************************/
/********** ArtLab-Tokyo [CSS] **********/
/****************************************/


/****************************** Hero Area ******************************/

#hero-area .bg-base {
	height: calc(100vh - 50px);
}

@media (min-width: 48em) {
	#hero-area .bg-base {
		height: 650px;
		
	}
}

#hero-area .introduction {
	padding: 5em 2em;
	text-align: center;
	color: #ffffff;
}

#hero-area .introduction h1 {
	font-size: 1.5rem;
	margin-bottom: 1em;
	
}

@media (min-width: 48em) {
	#hero-area .introduction h1 {
		font-size: 2.5rem;
		margin-bottom: 1em;
	}
}

#hero-area .introduction p {
	font-size: 1rem;
	margin-bottom: 1em;
}

@media (min-width: 48em) {
	#hero-area .introduction p {
		font-size: 1.5rem;
	}
}

/****************************** Hero Area End ******************************/