.div-month{
	width:100%;margin:30px 0px 10px -10px;
}
.row-box{
	margin-bottom:10px;color:#000;background-color:#FFF;
}
.box-info{
	justify-content: center;text-align:center;display:flex;flex-wrap:wrap;
}
.col-left{
  padding: 0px; 
}
.col-left .text-day{
	font-weight:900;font-size:24px; 
}
.col-left .text-month{
	font-weight:500;font-size:12px; text-transform: uppercase; 
}
.col-middle{
	margin: auto; padding: 20px 20px 20px 50px;
}
.col-middle .title{
	font-size:20px;font-weight:700;
}
.col-middle .desc{
	font-size:12px;font-weight:600;
}
.col-right{
	height:120px;
}
.race-info{
	border-radius:4px;padding-top:3px;text-align:left; height:30px;width:210px;
	margin-left:5px;margin-top:5px;margin-bottom:18px;
}
.race-text-left{
	padding-left:10px;float:left;width:125px;font-weight:bold;color:#FFF;
}
.race-text-right{
	padding-left:0px; color:#666;
}
.flag{
	width:18px;border:1px solid #999;
}
.title-header{
	margin:20px 0px; font-size:24px; font-weight:bold;
}
.back-btn{
	padding: 20px 0px 20px 0px;
	position:absolute;margin-top:-20px;
}

@media (max-width: 700px){
	.title-header{
		font-size:16px;
		margin-top:-10px;
	}
	.box-info{
		justify-content: left;text-align:left;display:flex;flex-wrap:wrap; padding-left:20px;
	}
	.col-middle{
		margin: auto; padding: 20px 20px 20px 20px; 
	}

}