.article {
    padding: 0.5em 1em;
	border: solid 3px #4d5156;
    margin:1rem 0;
}

.article p {
    margin: 1rem 0; 
    padding: 0;
}

ul.works-detail , ul.works-detail > li.works-genre > ul , div.works-text > ul.works-sound-list {
    list-style: none;
    padding:0;
}
ul.works-detail > li.works-genre > ul , ul.works-detail > li.works-genre > ul > li , div.works-text > ul.works-sound-list > li{
    display:inline;
}

ul.works-detail li::before{
    font-weight: bold;
}
ul.works-detail li.works-date::before{
    content:"Date : ";
}
ul.works-detail li.works-genre::before{
    content:"Genre : ";
}

ul.works-detail > li.works-genre > ul > li::after , ul.works-sound-list > li::after{
    content:", "
}

ul.works-detail > li.works-genre > ul > li:last-child::after , ul.works-sound-list > li:last-child::after{
    content:""
}

/*  */

li.works-genre > ul > li > span.works-sound::after{
    content:"Sound";
}

li.works-genre > ul > li > span.works-photo::after{
    content:"Photo";
}

li.works-genre > ul > li > span.works-event::after{
    content:"Event";
}

li.works-genre > ul > li > span.works-web::after{
    content:"Web";
}

li.works-genre > ul > li > span.works-video::after{
    content:"Video";
}

/*  */

ul.works-sound-list > li > span.sound-rec::after{
    content:"🎙️ Recording";
}

ul.works-sound-list > li > span.sound-mix::after{
    content:"🎚️ Mixing";
}

ul.works-sound-list > li > span.sound-mst::after{
    content:"💿 Mastering";
}

/*  */

ul.works-sound-list > li > span.video::after{
    content:"📺 Video";
}

.img_300sq img {
    max-width:300px;
}


@media screen and (min-width: 1025px) {

    /* main{
        margin:5rem auto;
    } */

    .article {
        margin: 1rem;
    }

    .works-flex{
        display:flex;
        flex-flow: row wrap;
        margin: 0 -100px;
        justify-content: space-evenly;
    }

    .works-flex .works-item{
        display: block;
        width:40%;
    }

    h2 ul.works-detail{
        font-size:1.5rem;
    }

}