@charset "UTF-8";

/* CSS Document */





/*OVERLAY*/

		body{

			background-color: #f3e7d9;

		}

		.overlay{

			background: #f3e7d9;

			opacity: 1;

			content: '';

			position: absolute;

			width: 60%;

			height: 80%;

			top: 10%;

			left: 20%;

			color:#000000;

			text-align: center;

		}

		

	/*BANNER EDUCATIONSDAY*/	

	.banner-bg{

		background-color: #f3efea

	}

	.banner-col-left{

		text-align: left;

		padding-top:150px;

		padding-bottom:150px;

	}

	.banner-col-right{

		text-align: left;

		padding-top:150px;

		padding-bottom:150px;

	}

	h1.banner{

		font-size: 50px;

	}

	.banner-font-outline{

		align-items: center;

		justify-content: center;

		font-family: karmina-sans, sans-serif;

		-webkit-text-fill-color:transparent;

		-webkit-text-stroke:1px #000000;

	}

	h4.banner{

		padding-top:20px;

		font-size: 16px;

		font-weight: 700;

	}

	.button-go-to-educational-day{

		padding:10px 20px 10px 20px;

		margin-top:60px;

		background-color: #000000;

		border-radius: 30px 30px 30px 30px;

		color:#ffffff;

		font-size: 20px;

		font-weight: bold;

		border:none;

		text-transform: uppercase;

	}

	

	@media (max-width: 992px) {

		body 								{background-color: #f3efea;}

		.overlay						{width: 100%;left:0%;height: 100%;top:0%;background-color: #f3efea;}

		.banner-col-right		{padding-top: 10px;}

		h4.banner 					{font-size: 20px}

	}

	@media (max-width: 992px) AND (orientation : landscape) {

		.overlay						{width: 100%;left:0%;height: 100%;top:0%;background-color: #f3efea;}

		.banner-col-left		{padding-top: 20px}

		.banner-col-right		{padding-top: 20px}

		h4.banner 					{font-size: 20px}

		h1.banner 					{font-size: 30px}

	}

	@media (max-width: 1024px) {

		body 								{background-color: #f3efea;}

		.overlay						{width: 100%;left:0%;height: 100%;top:0%;background-color: #f3efea;}

		.banner-col-right		{padding-top: 20px}

		h1.banner 					{font-size: 36px}

		h4.banner 					{font-size: 18px}

			

	}

	@media (max-width: 1024px) AND (orientation : landscape) {

		body 								{background-color: #f3efea;}

		.overlay						{width: 100%;left:0%;height: 80%;top:10%;background-color: #f3efea;}

		.banner-col-right		{padding-top: 50px}

		h1.banner 					{font-size: 30px}

		h4.banner 					{font-size: 16px}

			

	}

	@media (min-width: 1366px) {

		.overlay						{width: 100%;left:0%;height: 80%; top:10%}

		.banner-col-right		{padding-top: 50px}

		h1.banner 					{font-size: 30px}

		h4.banner 					{font-size: 16px}

	}