.flex .menu{display: inline-block;font-weight: bold;margin-bottom: 3px;width: 180px;text-align: center;}
.flex .menu1{border-left: 5px solid #fd8ca4;background-color: #f8e7eb;}
.flex .menu2{border-left: 5px solid #7ebb38;background-color: #dce6d7;}
.flex .menu3{border-left: 5px solid #c7ab4d;background-color: #eef1db;}
.flex .menu4{border-left: 5px solid #38bbbb;background-color: #dfe8e9;}
.flex .menu5{border-left: 5px solid #eb7878;background-color: #f3e5e5;}
.flex .menu6{border-left: 5px solid #595881;background-color: #eae9ee;}
.flex .menu7{border-left: 5px solid #f59b52;background-color: #f8efe8;}
.flex .menu8{border-left: 5px solid #686eb9;background-color: #ededf1;}
.flex .menu9{border-left: 5px solid #518d6c;background-color: #e4ebe5;}

.flex .day{margin-bottom: 15px;font-weight: bold;padding-left: 10px;}


@media screen and (max-width: 540px) {
    .flex .menu{font-size: 13px;width: 160px;}
    .flex .day{font-size: 13px;display: block;margin-bottom: 10px;}

}