/*Fonts */
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSans.woff'); font-weight: normal; font-style: normal;}
	@font-face	{font-family: openSans; src: url('/assets/fonts/openSansBold.woff'); font-weight: bold; font-style: normal;}

/*Basics */
	body
		{background-image: linear-gradient(#ef7704, #f2e9dc); color: black; font-family: openSans, sans-serif; font-size: 15px; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; scroll-behavior: smooth;}
	p
		{margin: 0;}
	strong
		{font-weight: bold;}
	img
		{vertical-align: middle; border: 0;}
	a
		{color: black;}
	a:hover
		{text-decoration: none;}

/*Layout */
	.page
		{width: 100%; height: 100vh; display: flex; flex-direction: column; position: relative; overflow: hidden;}
	.main
		{width: 70%; margin: auto;}
	.col21
		{width: 40%; display: inline-block; vertical-align: middle;}
	.col22
		{width: 52%; margin-left: 8%; display: inline-block; vertical-align: middle;}
	.lady
		{width: 100%; position: relative; top: 0em; opacity: 1; transition: 0.75s;}
	.lady0
		{top: 35em; opacity: 0;}
	.logoBig
		{width: 80%; position: absolute; left: 10%; top: 57.5%; opacity: 1; transition: 0.75s;}
	.logoBig0
		{left: -133%; opacity: 0;}
	.claim
		{background-color: black; color: white; line-height: 200%; width: 90%; padding: 0.75em; text-align: center; position: absolute; left: 1em; top: 77.5%; opacity: 1; transition: 0.75s;}
	.claim0
		{opacity: 0;}
	.langs
		{font-size: 0.875em;}
	.video
		{position: relative; left: 0%; opacity: 1; transition: 0.75s;}
	.video0
		{left: 150%; opacity: 0;}
	.logo
		{width: 13.33em;}
	.videoBox
		{width: 100%; padding-top: 66.66vh; position: relative;}
	.videoContainer
		{width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

/*Forms */
	.buttonX
		{background-color: black; color: white; font-weight: bold; text-decoration: none; text-transform: uppercase; padding: 0.33em 1em; display: inline-block; vertical-align: middle; border: 2px solid black; outline: 0; -webkit-appearance: none;}
	.buttonX:hover
		{background-color: white; color: black;}

/*Formatting */
 	.isRel
 		{position: relative;}
 	.isSmall
 		{font-size: 0.875em;}

/*Media-queries*/
	@media (max-width: 1420px) {
		body
			{font-size: 14px;}
	}

	@media (max-width: 1320px) {
		body
			{font-size: 13px;}
		.main
			{width: 75%;}
	}

	@media (max-width: 1160px) {
		body
			{font-size: 12px;}
		.main
			{width: 80%;}
	}

	@media (max-width: 940px) {
		.main
			{width: 90%;}
	}

	@media (max-width: 1060px) {
	}

	@media (min-width: 1320px) and (max-width: 1420px) {
		.br13
			{display: initial;}
	}
	@media (min-width: 1160px) and (max-width: 1320px) {
		.br12
			{display: initial;}
	}
	@media (min-width: 1060px) and (max-width: 1160px) {
		.br11
			{display: initial;}
	}

	@media (min-resolution: 100dpi) {
		body
			{font-size: 12px;}
	}
