@media (min-width:900px) {
	article:nth-child(1) {
		margin:0 auto;
	}
	article:nth-child(2) {
		background-image: linear-gradient(180deg,rgba(239, 239, 239, 1),rgba(255, 255, 255, 0.8));
	}
	article:nth-child(3) {
		background-image: linear-gradient(0deg, rgba(239, 239, 239, 1),rgba(255, 255, 255, 0.8));
		/* border-top:solid 2rem black;
		border-bottom:solid 2rem black;
		*/
	}
	article:nth-child(2), article:nth-child(3) {
		background-size: cover;
		background-repeat: no-repeat;
		background-attachment: initial;
		background-position:bottom;
		padding: 3rem 0 3rem 0;
		margin:0;
		width: 100%;
		border-radius: 0;
		box-shadow: 0 0 0;
		.article-content {
			/* background-color:lightblue;
			*/
			max-width: 78%;
			display:flex;
			flex-direction:row;
			flex-wrap: nowrap;
			align-items: stretch;
			justify-content: space-between;
		}
		.article-topic {
			/* background-color:green;
			*/
			flex-direction:column;
			align-items:center;
			width: 28%;
			margin: 0;
			padding: 1rem;
			border: none;
			box-shadow: 1px 1px 6px #ccc;
			/* transition: box-shadow 1s;
			*/
			transition: all .2s ease-in-out;
		}
		.article-topic:hover {
			transform: scale(1.05);
			box-shadow: 2px 2px 6px black;
		}
		.topic-chunk {
			width: 100%;
			padding: 0;
		}
		.article-image {
			display: flex;
			justify-content:center;
			align-items: flex-start;
		}
		.article-image img {
			flex-shrink: 0;
			width: auto;
			height: 120%;
			overflow:hidden;
		}
	}
}
@media (max-width: 1400px) {
	.mobile-menu {
		flex-direction: column;
		align-items: flex-start;
	}
	nav {
		margin-left: 8em;
	}
	.overlay.content {
		display:none;
	}
	.welcomevid,#welcomevid {
		display:none;
	}
	.hamburger-menu {
		display: flex;
	}
	.menu-list {
		display: none;
		flex-direction: column;
	}
	.menu-list.active {
		display: flex;
		align-items: stretch;
		margin-top:1.5rem
}
	.menu-list li {
		padding: 15px;
		text-align: left;
		width: auto;
	}
}
@media screen and (max-width: 960px) and (min-height: 800px) {
	.article-image {
		max-height: 13rem;
	}
}
@media screen and (max-width:1399px) {
	.engage {
		height: 40rem;
		/* max-width:1150px;
		*/
	}
	.logo-large {
		-moz-transform: scale(var(--scale-140));
		-webkit-transform: scale(var(--scale-140));
	}
}
@media screen and (max-width:1199px) {
	.engage {
		height: 80vh;
		min-height: 30rem;
		max-width: 100%;
		margin:0;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-110));
		-webkit-transform: scale(var(--scale-110));
	}
	.text-overlay h1 span {
		font-size: 12rem;
	}
	.zr-orange-bg-v2::before,.zr-lightblue-bg::before {
		display:none;
	}
	.zr-orange-bg-v2 h1 {
		text-shadow:2px 2px 2px var(--zr-darkorange);
	}
	.zr-lightblue-bg, .zr-lightblue-bg::before {
		display:none;
	}
	.card {
		width: var(--card-width);
		/* height: var(--card-height);
		*/
		padding: 3px;
		position: relative;
		border-radius: 6px;
		justify-content: center;
		align-items: center;
		text-align: center;
		display: flex;
		font-size: 1.5em;
		color: rgb(88 199 250 / 0%);
		cursor: pointer;
		z-index:0;
	}
	/*.card h2 {
		color:white;
		text-shadow:2px 2px 2px var(--zr-darkblue);
	}
	*/
	/*.card::before {
		content: "";
		width: 102%;
		height: 102%;
		border-radius: 8px;
		background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
		position: absolute;
		z-index: -1;
		top: -1%;
		left: -1%;
		animation: spin 10.5s linear infinite;
	}
	*/
	/*.card::after {
		position: absolute;
		content: "";
		top: calc(var(--card-height) / 6);
		left: 0;
		right: 0;
		z-index: -1;
		height: 100%;
		width: 100%;
		margin: 0 auto;
		transform: scale(0.8);
		filter: blur(calc(var(--card-height) / 6));
		background-image: linear-gradient(var(--rotate), #5ddcff, #3c67e3 43%, #4e00c2);
		opacity: 1;
		transition: opacity 10.5s;
		animation: spin 10.5s linear infinite;
	}
	*/
	@keyframes spin {
		0% {
			--rotate: 0deg;
		}
		100% {
			--rotate: 360deg;
		}
	}
	.article-content {
		flex-direction: row;
		align-items:center;
	}
	.article .article-content {
		margin:0;
	}
	.article .article-topic:last-child {
		margin: 0;
	}
	.article-links a {
		font-size: 1.5rem;
	}
	.home article:first-child {
		font-family: "Noto Sans Malayalam",serif;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		margin: 1rem auto 1rem auto;
		padding: 1rem;
		width: 76%;
		box-shadow: 0px 1px 8px rgba(55, 56, 77, 0.2);
		border-radius: 10px;
		min-height: 22rem;
		/* height: 62rem;
		*/
		justify-content: center;
		background-image: url('../../img/kids.png');
		background-size: 50%;
		background-position: bottom 0rem right 0rem;
		background-repeat: no-repeat;
	}
	.home article:first-child .article-heading.large, .home article:first-child .article-content {
		align-items: flex-start;
		width: 100%;
		max-width: 27rem;
		margin: 1rem;
	}
	.article-heading.large h2 {
		text-align: center;
		margin: 0rem;
	}
}
@media screen and (max-width:1023px) {
	.engage {
		height: 35rem;
		max-height:850px;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-100));
		-webkit-transform: scale(var(--scale-100));
	}
	.home article:nth-child(3) .article-links a {
		font-size: 1.5rem;
		line-height: 1.5rem;
		height:auto;
	}
}
@media screen and (max-width:899px) {
	.engage {
		height: 28rem;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-100));
		-webkit-transform: scale(var(--scale-100));
	}
	.text-overlay h1 span {
		font-size: 9rem;
	}
	article {
		min-height: 28rem;
	}
	.home article:first-child {
		/*background-position: top 2rem left 19rem;
		*/
		background-size: 58%;
	}
	.home .article-topic {
		flex-direction: column;
		align-items:center;
		width: 80%;
		margin: 0 0 1rem 0;
		border-radius: 10px;
		box-shadow: 0px 0px 2px var(--zr-blue);
	}
	.topic-chunk {
		width: 80%;
		margin: 0;
	}
	.topic-chunk:first-child {
		padding-top:1rem;
	}
	.topic-chunk:last-child {
		padding-bottom:1rem;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.article-image {
		margin: 0;
	}
	.article-heading.large h2 {
		font-size: 2rem;
		margin:0;
	}
	.article .article-heading.large h2 {
		margin:0;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1.5rem;
	}
	footer .footer-wrap {
		flex-direction: column;
	}
	footer .footer-left {
		flex-direction: column;
	}
	footer .footer-content {
		flex-direction: column;
	}
	footer .footer-right {
		justify-content: center;
	}
}
@media screen and (max-width:767px) {
	.engage {
		height: 22rem;
	}
	nav {
		margin-left: 0rem;
		margin-top: 1rem;
		width: 100%;
	}
	.mobile-menu:before {
		display:none;
	}
	.menu-list ul {
		width: 100%;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-90));
		-webkit-transform: scale(var(--scale-90));
	}
	.home article:first-child {
		/*background-position: top 2rem left 12rem;
		*/
		background-size: 67%;
	}
	.article-content {
		flex-direction: column;
		align-items:center;
		margin: 0;
	}
	.article-topic:last-child {
		margin:0;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.article-heading.large h2 {
		font-size: 3rem;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1.25rem;
	}
}
@media screen and (max-width:649px) {
	.engage {
		height: 22rem;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-80));
		-webkit-transform: scale(var(--scale-80));
	}
	article {
		min-height: 20rem;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.home article:first-child .article-heading.large {
		max-width: 14rem;
	}
	.article-heading.large h2 {
		font-size: 2.75rem;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1rem;
	}
}
@media screen and (max-width:589px) {
	.left,.right,.title-major,.title-minor {
		display:none
}
	.engage {
		height: 29vh;
	}
	.logo-large {
		-moz-transform: scale(var(--scale-70));
		-webkit-transform: scale(var(--scale-70));
	}
	.circle {
		height: 21rem;
		width: 21rem;
	}
	.shape-container {
		background-color: rgb(46, 46, 57);
	}
	.text-overlay h1 span {
		font-size: 6rem;
	}
	.article-heading.large h2 {
		font-size:2rem;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1rem;
		padding:1rem;
	}
	article {
		min-height:15rem;
		margin:2rem auto 0 auto;
	}
	.home article:nth-child(2) .article-topic-heading, .home article:nth-child(3) .article-topic-heading {
		margin: 0.5rem 0 0 0;
	}
	.home article:nth-child(2) .article-text, .home article:nth-child(3) .article-text {
		margin:0.5rem 0 0 0;
	}
	.home article:first-child {
		/*background-position: top 2rem left 12rem;
		*/
		background-size: 0%;
		align-items: center;
		min-height: 15rem;
	}
	.home article:first-child .article-content {
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.home article:first-child .article-heading.large {
		align-items: flex-start;
		width: 100%;
		margin: 1rem;
	}
	.home article:nth-child(2) {
		background-color: white;
		box-shadow: 0 0 0;
		margin:0;
		padding:0;
		width:100%;
		border-radius:0;
	}
	.home article:nth-child(3) {
		background-color: lightgray;
		box-shadow: 0 0 0;
		margin:0;
		padding:0;
		width:100%;
		border-radius:0;
	}
	.home article:nth-child(2) .article-topic,.home article:nth-child(3) .article-topic {
		padding: 0.5rem;
		margin-bottom: 1rem;
	}
	.home article:nth-child(2) .article-topic:last-child {
		margin-bottom: 1rem;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.home article:nth-child(2) .article-heading.large,.home article:nth-child(3) .article-heading.large {
		margin: 1rem 0 0 0;
	}
	.home article:last-child {
		margin-bottom:1rem
}
	footer {
		display:flex;
		align-items:center;
		flex-direction: column;
	}
	footer h2, footer p {
		font-size:1rem;
	}
	footer .mobile {
		display:none;
	}
}
@media screen and (max-width:479px) {
	/*.hotspot {
		color:rgba(255,0,0,1.0)!important;
		position:relative;
	}
	.hotspot:before {
		content:'';
		display:block;
		width:10rem;
		height:4rem;
		top:0rem;
		left:0rem;
		position:absolute;
		background-color:rgba(130,180,0,0.5);
	}
	*/
	.left,.right,.title-major,.title-minor {
		display:none
}
	.engage {
		height: 47vh;
	}
	.circle {
		height:11rem;
		width:11rem;
	}
	.shape-container {
		background-color: rgb(46, 46, 57);
	}
	.text-overlay h1 span {
		font-size: 5rem;
	}
	.article-heading.large h2 {
		font-size: 2rem;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1rem;
		padding:1rem;
	}
	.article article {
		min-height:15rem;
		width:95%;
		margin:0.5rem auto 0 auto;
		padding:0;
	}
	.home article:first-child .article-content.large a {
		font-size: 1.5rem;
		padding: 1rem;
		margin: 1rem 0rem;
	}
	.article-content {
		flex-direction: column;
	}
	.article .topic-chunk {
		padding:0rem;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.article-image {
		margin-bottom:1rem;
	}
	.article-links {
		flex-direction:column;
		align-items:stretch;
	}
}
@media screen and (max-width: 399px) {
	.left,.right,.title-major,.title-minor {
		display:none
}
	.engage {
		height: 70vh;
	}
	.circle {
		height:11rem;
		width:11rem;
	}
	.shape-container .video {
		display:none;
	}
	.text-overlay h1 span {
	}
	.article-heading.large h2 {
		font-size:2rem;
	}
	.text-overlay div {
		flex-direction:column;
		width: 100%;
	}
	.text-overlay div a, .article-content.large a {
		font-size:1.5rem;
		padding:1rem;
	}
	article {
		min-height:15rem;
	}
	.home article:first-child .article-content.large a {
		font-size: 1.5rem;
		padding: 1rem;
		margin: 1rem 0rem;
	}
	.article-content {
		flex-direction: column;
	}
	.article-heading {
		margin: 0rem auto 0 auto;
	}
	.article-image {
		margin-bottom:1rem;
	}
	.article-links {
		flex-direction:column;
		align-items:stretch;
	}
	footer {
	}
}