main {
	position: relative;

	div.header {
		width: 100%;
		height: 300px;
		color: #fff;
		text-align: center;
		line-height: 1.3;
		position: absolute;
		top: -100px;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		.header_image {
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			left: 0;
			scale: 1.1;
		}

		.header_content {
			width: 100%;
			height: 100%;
			padding-top: 80px;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			@media screen and (max-width: 1200px) {
				padding-top: 100px;
			}

			@media screen and (max-width: 481px) {
				padding: 10px;
				padding-top: 100px;
			}

			h1 {
				position: relative;
				font-family: 'Poppins';
				font-weight: 700;
				font-size: 60px;
				max-width: var(--dw);

				@media screen and (max-width: 1200px) {
					max-width: calc(100% - 80px);
				}

				@media screen and (max-width: 768px) {
					font-size: 50px;
				}

				@media screen and (max-width: 480px) {
					font-size: 30px;
				}
			}

			h2 {
				position: relative;
				font-family: 'Oak Sans';
				font-weight: 400;
				white-space: pre-line;
				font-size: 16px;

				@media screen and (max-width: 481px) {
					font-size: 13px;
				}
			}

			h1,
			h2 {
				margin: 0 !important;
			}
		}

	}

	div.content {
		max-width: var(--dw);
		margin: 200px auto 0 auto;
	}
}