.flat-table{
	overflow-x: auto;
}
	.flat-table > div:nth-child(2n) > a[role=button]{
		background: #EEE
	}
	.flat-table > div > a[role=button]{
		border-bottom:1px solid #CCC;
		display:flex;
		justify-content: space-between;
		align-items:center;
		min-width: 100%;
		max-width: 100%;
		padding:10px 0;
		white-space: nowrap;
	}
	.flat-table > div > a[role=button]:hover{
		background: #DDD
	}
		.flat-table > div > a[role=button] > div{
			display:flex;
			justify-content: space-between;
			align-items:center;
			padding-left: 10px;
			padding-right: 10px;
		}
		.flat-table > div > a[role=button] > div .plan{
			margin-right: 15px
		}
		.flat-table > div > a[role=button] > div .plan img{
			min-width: 100px;
		}
@media screen and (max-width:767px){
    .flat-table{
    	font-size: 16px;
    }
}