#wrapper { background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0.0)), url(/images/24); }



#Works > * {display:flex; }


#Works > * {margin:20px;}

#Works > *:not(:last-child) {padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,0.3)}



#Works .image {background-color:rgba(255,255,255,0.3)}
#Works .image {background-size:cover; background-position:center center;}



#Works > * > .image {flex-basis:100px;  flex-shrink:0; flex-grow:1}
#Works > * > .titles {flex-grow:1000;}
#Works > * > .details {flex-basis:auto;}

@media screen and (min-width:415px)
{
	#Works > * > .image {margin-right:20px;}
}


#Works h2 {margin-bottom:15px;}
#Works h3 {font-weight:normal; font-size:16px;}


#Works .details {display:flex; flex-direction:column; text-align:right; justify-content:space-between; margin-left:20px; font-size:12px;}




#Works > * {flex-wrap:wrap}
#Works .titles {order:3; flex-basis:100%; margin-top:10px;}
#Works .image {min-height:100px;}


@media screen and (min-width:415px)
{
	#Works > * {flex-wrap:nowrap;}
	#Works .titles {order:0; margin-top:0px;}
	#Works .image {min-height:0px;}
}