/* LESS Document */
@desktop: ~"only screen and (min-width: 768px)";
@tablet: ~"only screen and (max-width: 767px) and (min-width: 481px)";
@tabletAndMobile: ~"only screen and (max-width: 767px)";
@mobile: ~"only screen and (max-width: 480px) and (min-width: 320px)";
@mobileAndBelow: ~"only screen and (max-width: 480px)";
@mobileTall: ~"only screen and (max-width: 414px)";

body {
	
	font-size: 1vw;
    line-height: 1.6vw;
	
	@media @mobile {
	  font-size: 16px!important;
	  line-height: 20px;
    }
	
}

a {
	color: black;
	text-decoration: underline;
}

/* ------------------------- Home ------------------------ */

.section-home {
	height: auto;
	display: block;
	
	h1 {
		font-size: 5vw;
		text-transform: uppercase;
		font-weight: bold;
		margin: 0 auto;
		z-index: 1;
		position: absolute;
		
		@media @mobile {
			font-size: 30px;
			line-height: 28px;
   		}
		
	}

	h1 span {
		clear: both;
		display: block;
	}

	video {
		height: auto;
		width: 100%;
		z-index: 0!important;
		display: block;
	}
	
	@media @mobile {
		margin-top: 90px;
    }
	
}

/* ------------------------- About ------------------------ */

.section-about {
	height: 100vh;
	display: block;
	
	@media @mobile {
		height: auto;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 80px;
		margin-bottom: 50px;
		border-bottom: 5px solid #000000;
    }
	
	.section-about-info {
		border-right: 5px solid #000000;
		padding-right: 20px;
		
		@media @mobile {
			width: 96vw;
			padding: 0 2vw;
			margin-top: 100px;
			border-right: none;
		}

		h1 {
			font-weight: bold;
			text-transform: uppercase;
			line-height: 35px;
			
			@media @mobile {
				line-height: 30px;
				font-size: 30px;
			}	
		}

		p {
			width: 30vw;
			margin: 20px 0;
			
			@media @mobile {
				width: 90vw;
				font-size: 16px!important;
				line-height: 20px;
			}
		}
	}

	.section-about-partners {
		background-image: url("../_Images/_Logo/Logo_Auschwitz_Birkenau.svg");
		background-repeat: no-repeat;
		background-position: bottom left;
		background-size: 200px auto;
		padding-bottom: 100px;
		
		@media @mobile {
			clear: both;
			font-size: 16px;
			line-height: 18px;
			padding-top: 50px;
		}

	}
}