/* CSS Document */

.item h3{
	background: #377dc3;
	color: #fff;
	border-radius: 5px 5px 0 0;
	padding: 5px;
	text-align: center;
	margin: 5% auto 3%;
	
}
.item .bana{
	margin: 3% auto 5%;
}
.item .bana ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.item .bana ul li{
	width: 33.3333%;
	padding: 10px 15px;
	text-align: center;
}
.item .bana ul li a{
	display: block;
	color: #333;
}
.item .bana ul li a p{
	text-align: center;
}

@media only screen and (min-width:1px) and (max-width: 768px) {

.item .bana ul li{
	width: 50%;
	padding: 10px;
	text-align: center;
}
}
@media only screen and (min-width:1px) and (max-width: 560px) {	
.item .bana ul li{
	width: 50%;
	padding: 5px;
	text-align: center;
}

}