/* WELCOME */
	#main-section {
		position: relative;
		padding-top: 0;
		background: transparent;
		z-index: 1;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: stretch;
		flex-wrap: nowrap;
		padding: var(--size-header-height);
		background-color: white;
		padding-bottom: 0;
		height: 100vh;
	}	
	#main-section > div:not(.scroll-down) {
		flex: 0 0 calc(100vh - var(--size-header-height));
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		flex-wrap: nowrap;
	}
	#main-section > div:first-of-type {
		flex: 0 0 calc(100vh - var(--size-header-height));
	}
	#main-section > div.texts {
		flex: 1 1 auto;
	}
	#india-map{
		width: 95%;
		height: 0;
		padding-bottom: 95%;
		position: relative;
	}
	#india-map svg{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* width: auto; */
		/* height: 100% !important; */
	}
	#india-map svg .map-circle {
		visibility: hidden;
	}
	#india-map svg path {
		stroke: var(--color-body);
		stroke-width: 1;
		position: relative;
	}
	#india-map .people-container {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.face {
		position: absolute;
		border-radius: 50%;
		background-image: url('/images/face_spritesheet_compact.png');
		background-repeat: no-repeat;
		background-size: 1300% 1300%;

		z-index: 999;
		/* border: 1px solid black; */
		transform: scale(0.0, 0.0);
		opacity: 0.7;
		/* filter: grayscale(1.0); */
		transition: all 0.25s ease-in-out 0s
	}

/* MOBILE LAYOUT */
	@media (max-width: 767px) and (hover: none) and (pointer: coarse),
	(max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 0) {
		#main-section {
			width: 100vw;
			max-width: 100vw;
			overflow: hidden;
			flex-direction: column;
			justify-content: flex-start;
			align-items: flex-start;
			padding: 0;
		}
		#main-section > div:not(.scroll-down) {
			flex: 0 0 auto;
			width: 100%;
		}
		#main-section > div:first-of-type {
			flex: 0 0 75% !important;
			padding: 0 0 1em 3em;
			order: 2;
			justify-content: flex-start;
		}
		#main-section > div.texts {
			flex: 0 0 25%;
			padding: 2em;
			padding-top: calc(var(--size-header-height) + 2em);
			order: 1;
		}
		#india-map{
			margin-top: 2em;
			width: 110%;
			height: 0;
			padding-bottom: 110%;
			position: relative;
		}
		.texts .h1 {
			align-items: center !important;
			font-size: 10vw;
			letter-spacing: 0;
			font-weight: 600;
		}
		.texts .h1 .line {
			width: 100%;
			text-align: center;
		}
		.texts .h1 > div span {
			justify-content: center;
		}
		.texts .h1 .small {
			font-weight: 500;
			font-size: 0.6em;
		}
		#main-section .scroll-down {
			position: fixed;
			bottom: 2em;
			right: 0;
			left: 0;
			margin: 0;
			padding: 0;
			justify-content: center;
		}
		#main-section .scroll-down .icon-scroll{
			border: none;
			box-shadow: none;
		}
		#main-section .scroll-down .icon-scroll::before{
			content: '\f25a';
			font-family: 'Font Awesome 5 Pro';
			font-weight: 300;
			position: absolute;
			z-index: 9;
			left: 0%;
			width: 30px;
			height: 30px;
			font-size: 2em;
			background: transparent;
			margin-left: 0;
			top: 0;
			border-radius: 0;
			animation-duration: 1.75s;
			animation-iteration-count: infinite;
			animation-name: scrollMobile;
		}
	}