.smiles-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}


.smiles-label{
	justify-content: center;
	align-items: center;
	text-align: center;
}

.cervena {color: #ED1E24;} 
.ruzova {color: #F47D7E;} 
.zluta {color: #F1C327;} 
.svetlezelena {color: #98CC73;} 
.tmavezelena {color: #069D30;} 

.item {
	width: 110px;
	height: 110px;
	display: flex;
	justify-content: center;
	align-items: center;
	user-select: none;
}
.radio {
	display: none;
}
.radio ~ span {
	/*font-size: 3rem;
	filter: grayscale(100%);
	filter: opacity(20%) brightness(70%);
	*/
	cursor: pointer;
	transition: 0.3s;
}
/*  
.radio:checked ~ span {
  filter: grayscale(0%) brightness(120%);
  font-size: 3rem;
}
*/
  
.image-smile {
  width: 90px;
  height: 90px;
  /*filter: drop-shadow(4px 4px 6px gray);*/
}

/*----------------------------------------------------------------------------------------------------------------------------
stylovani verze pro mobil - pod 600
----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 600px){

.image-smile {
	width: 60px;
	height: 60px;
}

.item {
	width: 70px;
	height: 70px;
}

}	

/*----------------------------------------------------------------------------------------------------------------------------
stylovani verze pro mobil - pod 390
----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 390px){

	.image-smile {
		width: 55px;
		height: 55px;
	}
	
	.item {
		width: 65px;
		height: 65px;
	}
	
	}		

/*----------------------------------------------------------------------------------------------------------------------------
stylovani verze pro mobil - pod 320
----------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px){

	.image-smile {
		width: 45px;
		height: 45px;
	}
	
	.item {
		width: 55px;
		height: 55px;
	}
	
	}