
	.header-menu-1						{opacity:0.7}

/* --------------------------------------------------------------- */
	section.section-1					{position:relative; height:calc(100vh - var(--header-h) - 120px); padding:22vh 0 0 0; background-color:var(--header-bkg);}
	section.section-1>video				{position:absolute; top:0px; left:0px; width:100%; height:calc(100vh - var(--header-h) - 120px);; object-fit:cover; background-size:cover; opacity:1; display:block;}

	section.section-1>div				{padding-right:6%; color:white;}
	section.section-1>div>.font-title	{font-size:64px; line-height:1.2em; letter-spacing:-2px;}
	section.section-1 .section-1-1		{margin-top:20px;}

@media only screen and (max-width:768px) {
	section.section-1					{padding-top:12vh;}
	section.section-1>div				{padding-right:0px;}
	section.section-1>div>.font-title	{font-size:38px; line-height:1.2em; letter-spacing:-1px;}
	section.section-1 .section-1-1		{flex-direction:column; row-gap:5px;}
	section.section-1 .section-1-1>a	{max-width:150px;}
}


/* --------------------------------------------------------------- */
	.section-2							{background-color:var(--header-bkg); color:var(--header-color); padding:8vh 0 0 0; font-family:"Roboto Condensed";}
	.section-2>.wrapper					{max-width:45%; text-align:center; padding-bottom:20px;}
	.section-2>.wrapper>.font-title		{font-size:40px; letter-spacing:-1px;}

	.section-2>div>img					{max-width:100%;}

@media only screen and (max-width:768px) {
	.section-2>.wrapper					{max-width:80%; text-align:center;}
	.section-2>.wrapper>.font-title		{font-size:30px;}
}


/* --------------------------------------------------------------- */
	.section-3							{background-color:#ffffff; padding:5vh 0 3vh 0;}
	.section-3 .wrapper					{width:750px;}


/* --------------------------------------------------------------- */
	.section-4							{background-color:#F3F3F3;}
	.section-4 .wrapper					{padding:8vh 0;}
	.section-4 .wrapper .flex>div		{width:33.33%; flex-grow:1; padding:3vh 2vw; font-size:18px;}
	.section-4 .wrapper .flex>div img	{width:64px; display:inline-block; margin-bottom:20px;}
	

/* --------------------------------------------------------------- */
	.section-5							{background-color:#ffffff;}
	.section-5 .wrapper					{padding:8vh 0;}
	.section-5 .wrapper .flex>div		{width:33.33%; flex-grow:1; padding:3vh 2vw; font-size:18px;}
	.section-5 .wrapper .flex>div img	{width:64px; display:inline-block; margin-bottom:20px;}
	
@media all and (max-width:768px) {
	.section-4 .wrapper .flex>div,
	.section-5 .wrapper .flex>div		{width:100%}
}