.t-m-30 p{
    letter-spacing:5px;
    font-size: 1.5rem;
    color: rgb(25, 48, 139);
    font-weight:bold;
    line-height: 1rem;
    margin: 2rem 0;
}

.grey {
    letter-spacing:0px;
    color: rgb(197, 197, 197);
    font-size: 0.5rem;
}
.t-m-30 .Semicircle img {
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 1rem;

}
.t-m-30 li {
    list-style:disc!important;
    /*text-align: left;*/
    line-height: revert;
    text-align: justify;
}
#my-img{
    content:url("/static/plugins/dnds/moban2/22vd/images/training/Χι 22.png");
}
#SupplyChain{
    content:url("/static/plugins/dnds/moban2/22vd/images/training/Χι10.png");
}

@media (min-width: 640px) and (max-width: 1200px) {
    #my-img{
        content:url("/static/plugins/dnds/moban2/22vd/images/training/Χι 52.png");
    }
    .content {
        padding:1px 0 0 0!important;
    }
    .t-m-30 p {
        letter-spacing: 5px;
        font-size:30px;
        line-height: 0.5rem;
        margin: 0.5rem 0;
    }
    .t-m-30 li {
        font-size: 16px;
        line-height: 1.1rem;
    }
}


@media (max-width: 639px){
    .content {
        padding:0!important;
    }
    #my-img{
        content:url("/static/plugins/dnds/moban2/22vd/images/training/Χι 52.png");
    }
    .t-m-30 p{
        margin: 0.5rem 0;
        font-size: 20px;
    }
    .t-m-30 {
         margin-top: unset !important;
    }
}
.content {
    padding:unset;
}