.slotwrapper {
    overflow: hidden;
    display: inline-block;
    border: 1px solid #000;
	/*width:100%;
	height: 100px;*/
	position: relative;
    top: 137px;
    left: 257px;
    width: 393px;
    height: 58px;
}

.slotwrapper ul {
	width:14.2857%;
	/*
	height: 100px;
	font-size: 100px;
	line-height: 100px;
	*/
	height: 58px;
	font-size: 45px;
	line-height: 58px;
	text-align: center;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    float: left;
}
.slotwrapper ul li {
	/*font-size: 100px;*/
	font-size: 45px;
	color:#FFF;
	font-family: 'Gravitas One', serif;
	background-color:#CC0000;
}
.slotwrapper ul li img {
    vertical-align: top;
}

/* add */
/*
@media screen and (max-width: 800px) {
  .slotwrapper ul li {
    font-size: 81px;
  }
}

@media screen and (max-width: 600px) {
  .slotwrapper ul li {
    font-size: 61px;
  }
}

@media screen and (max-width: 400px) {
  .slotwrapper {
    width:345px;
  }
  .slotwrapper ul li {
    font-size: 55px;
  }
}

@media screen and (max-width: 360px) {
  .slotwrapper {
    width:290px;
  }
  .slotwrapper ul li {
    font-size: 48px;
  }
}
*/

/*
.slotwrapper ul li.item0{background-color: #CC0000;}
.slotwrapper ul li.item1{background-color: #FF0000;}
.slotwrapper ul li.item2{background-color: #FF3333;}
.slotwrapper ul li.item3{background-color: #FF494C;}
.slotwrapper ul li.item4{background-color: #FF6D3F;}
.slotwrapper ul li.item5{background-color: #FF8645;}
.slotwrapper ul li.item6{background-color: #FFA22B;}
.slotwrapper ul li.item7{background-color: #FFCE29;}
.slotwrapper ul li.item8{background-color: #FFFF29;}
.slotwrapper ul li.item9{background-color: #FA2329;}
*/