@charset "utf-8";
/* CSS Document */

/* Layout for banner and text box */

.wrapperBanner {
	width: 70%;
	margin: auto;
	}
	
.columnsBanner {
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	}
	
.colBanner {
	margin: 15px 0 0;
	width: 100%;
	color: #000;
	box-sizing: border-box;
	background: white;
	}
	
.colBanner-60 {
	display: flex;
	width: 60%;
	border: 0px solid white;
	z-index: 1;
	}
	
.colBanner-40 {
	flex-wrap: wrap;
	display: flex;
	width: 40%;
	background: #f9f8f2; /* pale cream */
	justify-content: center;
	align-items: center;
	border-left: 10px solid white;
	border-top: 10px solid white;
	}
	
.mainMessage {
	width: calc(80%);
	text-align: justify;
	font-size: 1.17em;
	line-height: 1.6;
	text-decoration: none;
	color: #000;
	}
	
.society {
	color: #145238; /* dark green */
	font-size: 1.5em;
	}
	
.colBanner-100 {
	width: calc(100%);
	}

/* Responsive banner image */

.responsive {
  	width: 100%;
  	max-width: !important;
  	height: auto;
	}

@media screen and (max-width: 600px)
{
.wrapperBanner {
	width: 100%;
	}	
	
.colBanner-40 {
	width: 100%;
	padding: 3px 0px;
	}
	
.colBanner-60 {
	width: calc(100%);
	font-size: 1.17em;
	}
	
.colBanner-100 {
	width: calc(100%);
	font-size: 1.17em;
	}
	
.mainMessage {
	font-size: 1.17em;
	line-height: 1.5;
	}
	
.society {
	font-size: 1.3em;
	}
}

@media screen and (max-width: 1400px)
{
.wrapperBanner {
	width: 100%;
	}
	
.colBanner-40 {
	width: 100%;
	padding: 4px;
	}
	
.colBanner-60 {
	width: calc(100%);
	font-size: 1.3em;
	}
	
.colBanner-100 {
	width: calc(100%);
	font-size: 1.3em;
	}
	
.mainMessage {
	font-size: 1.17em;
	line-height: 1.5;
	}
	
.society {
	font-size: 1.17em;
	}
	
}