@charset "UTF-8";
/* CSS Document  Flex Element */

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #FFF;
}

.mainPage {
	float:left;
	width: 100%;
}

.mainContainer {
	padding: 40px;
	background-color: #FFF;
	float:left;
}

/** Global FLEX Style **/
.content-Flex{
width: 100%; 
	 background-color: #FFFFFF;
	 margin: 0 auto;	
}

.flex {
display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}

.flex .col {
padding: 20px 1.5%;
background-color: #36b306;
display: flex;
flex-basis: 28%;
flex-direction: column;
margin-bottom: 20px;

}

.flex .colBig {
padding: 20px 2%;
background: #009036;
display: flex;
flex-basis: 44.25%;
flex-direction: column;
margin-bottom: 20px;

}


.flex img {
display: block;
margin-bottom:0px;
width: 100%;
}

.flex .button {
width: 100%;
padding: 20px 0;
background: #00B9A0;
color: #fff;
text-align: center;
border-radius:30px;
	text-transform: uppercase;
	margin-top:auto;
}

.flex h2 {
font-size: 16px;
font-weight: 600;
color: #009036;
margin-bottom:0px;
}



/* SCREEN-Media */

/* SMARTPHONE PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 480px) {
		
.flex .col {
	padding: 20px 4%;
flex-basis: 100%;
}
	
.mainContainer {
	padding: 20px;
}

	.flex .colBig {
	padding: 20px 4%;
flex-basis: 100%;
}
	
}

/* SMARTPHONE LANDSCAPE */
@media only screen and (min-width: 481px) and (max-width: 768px) {

.flex .col {
	padding: 20px 3%;
flex-basis: 42%;
}

	.flex .colBig {
	padding: 20px 4%;
flex-basis: 100%;
}
	
	.mainContainer {
	padding: 20px;
}
	
}

/* TABLET */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
.flex .col .colBig {
	padding: 20px 3%;
flex-basis: 42.5%;
}

	.mainContainer {
	padding: 20px;
}
	
}


/* DESKTOP */
@media only screen and (min-width: 1025px) {
	
	
}