.ui-segment{
	color: dimgray;
	border: 1px solid dimgray;
	border-radius: 4px;
	display:inline-block;
	/*font-family: 'Lato',Georgia, Serif;*/
    font-family: Arial, sans-serif;
    background-color: darkgray;

    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.ui-segment span.active{
	background-color: rgb(0, 122, 255);
	color: white;
    border: 1px solid rgb(0, 122, 255);
}
.ui-segment span{
	font-size: 12px;
	padding-left: 23px;
	padding-right: 23px;
	height: 25px;
	text-align:center;
	display:inline-block;
	line-height: 25px;
	margin: 0px;
	float:left;
	cursor:pointer;
	border-right:1px solid dimgray;
}
.ui-segment span:last-child{
	border-right: none;
}
.segment-select{
	display:block;
}
@media screen and (max-width: 400px) {
  .ui-segment span{
	font-size: 10px;
	padding-left: 1px;
	padding-right: 1px;
	height: 25px;
	text-align:center;
	display:inline-block;
	line-height: 25px;
	margin: 0px;
	float:left;
	cursor:pointer;
	border-right:1px solid rgb(0, 122, 255);
}
}