@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}
	}	

