/* PAGE IN COLUMN*/
.main-Fle-X {
	 width: 100%; 
	 /*max-width: 1280px;*/
	 /*background-color: #FFF;*/
	 margin: 0 auto;	
	float:left;
}

/* Elemento Contenitore */
.container-Fle-X {
	display: flex;
	display: -webkit-flex; /* Safari */
	padding:20px 0px 0px 0px;
	 flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
}


/* Elementi Contenuti */
.ele{ 
	flex-basis:22.6%;
	height:auto;
	margin-right:1.2%;
	margin-left:1.2%;
	margin-bottom:2%;
	
	/*-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	*/
}



.ele1{ 
background-color:#009036;
}

.ele2{ 
background-color:#009036; 
}

.ele3{ 
background-color:#009036; 
}

.ele4{ 
background-color:#009036; 
}

.ele5{ 
background-color:#36B306; 
}


.inside-Title-Fle-X {
	 font-family: 'Qu', serif;
    color: #FFF;
	padding:20px;
}





/* SMARTPHONE PORTRAIT */
@media only screen and (min-width: 320px) and (max-width: 480px) {

.main-Fle-X {
	 width: 100%;
	
}

.container-Fle-X{
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	padding:10px 0px 10px 0px;
}

.ele{ 
flex-basis:100%;
margin-bottom:20px;
margin-right:20px;
	margin-left:20px;
	
}


}


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

.main-Fle-X {
	 width: 100%;
	
}

.container-Fle-X{
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	padding:10px 0px 10px 0px;
}

.ele{ 
flex-basis:46%;
margin-bottom:20px;
	margin-right:2%;
	margin-left:2%;
}


}




/* TABLET */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	
.main-Fle-X {
	 width: 100%;
}

.container-Fle-X{
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
	padding:10px 0px 10px 0px;
}

.ele{ 
flex-basis:47%;
margin-bottom:20px;
	margin-right:1.5%;
	margin-left:1.5%;
}

}



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

	
}
	
}