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



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

.mainContainer {
	padding: 0px 10px 0px 10px;
	/*background-color: #666;*/
	float:left;
}

/** Global FLEX Style **/
.content-Flex{
width: 100%; 
	
	 margin: 0 auto;	
	float:left;
}

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

.flex .col {
padding: 0;

display: flex;
flex-basis: 23.75%;
flex-direction: column;
margin-bottom: 20px;
	background-color: #FFF;

}

.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;
}

.TestoInterno{
	padding:20px;

}

.btn-Redi{
	width:100%;
	background-color: #009036;
	float:left;
	margin-top:auto;
	
}

.btn-Redi-Style{
	font-size: 18px;
	line-height: 18px;
	font-family: "Quicksand", sans-serif;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	transition: .5s ease; 	
	display:block;
	text-transform: uppercase;
	background-image: url('../images/Arrow-TR.png');
  background-repeat: no-repeat; /* Impedisce la ripetizione dell'immagine */
  background-position: left; /* Centra l'immagine */
  background-size: contain;
}

.btn-Redi-Style:hover{
	background-color: #36b306;
	color: #FFFFFF;
}

.btn-Redi-Coll{
	width:100%;
	background-color:#FFF;
	float:left;
	margin-top:auto;
	
	
}

.btn-Redi-Coll-Style{
	
	text-align: left;
	text-decoration: none;
	padding-left: 10px;
	transition: .5s ease; 	
	display:block;
	
}

.btn-Redi-Coll-Style:hover{
	background-color: #FFF;
	color: #009036;
}

/* SCREEN-Media */

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

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

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

.flex .col {
	padding: 0;
flex-basis: 48%;
}

	.mainContainer {
	padding: 10px;
}
	
}

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

	.mainContainer {
	padding: 10px;
}
	
}


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