graphic.css

		#lawsuit-filters {
		    margin-bottom: 2em;
		}

		#lawsuit-filters span {
		    font-family: "overpass", san-serif;
		}

		.lawsuit-filter-topics {
		    display: flex;
		    justify-content: space-between;
		    width: 100%;
		    max-width: 645px;
		    flex-wrap: wrap;
		    margin-top: 1em;
		}

		.lawsuit-filter-topic {
		    padding: 5px;
		    border-radius: 5px;
		    color: #fff;
		    cursor: pointer;
		    font-family: "overpass", san-serif;
		    font-size: .9em;
		    margin-bottom: .5em;
		    -webkit-user-select: none;
		    -moz-user-select: none;
		    -ms-user-select: none;
		    user-select: none;
		}


		#lawsuit-container {
		    display: flex;
		    justify-content: space-between;
		    flex-wrap: wrap;
		}

		.lawsuit-item {
		    flex-basis: 47%;
		    margin-bottom: 2em;
		    padding: 10px;
		}


		@media screen and (max-width: 767px) {
		    #lawsuit-container {
		        display: flex;
		        justify-content: space-between;
		        flex-wrap: wrap;
		    }

		    .lawsuit-item {
		        flex-basis: 100%;
		    }
		}

		.lawsuit-header {
		    display: flex;
		    justify-content: space-between;
		    flex-wrap: wrap;
		}

		.lawsuit-header h4 {
		    flex-basis: 100%;
		    margin: 0;
		    padding: 0;
		    font-size: 1em;
		    color: #666666;
		    font-style: italic;
		    font-family: 'overpass', 'san-serif';	
		}

		.lawsuit-nickname {
		    flex-basis: 55%;
		    margin-bottom: 5px;
		}

		.lawsuit-nickname h2 {
		    margin: 0;
		    padding: 0;
		    font-family: "overpass", san-serif !important;
		    font-size: 1.2em;
		    font-weight: 700;
		}

		.lawsuit-topic {
		    flex-basis: 39%;
		    min-width: 139px;
		    text-align: right;
		}

		.lawsuit-topic p,
		.lawsuit-topic-mobile p {
		    display: inline;
		    margin: 0;
		    padding: 0;
		    font-family: "overpass", san-serif !important;
		    font-size: 1em;
		    text-transform: uppercase;
		}

		.lawsuit-topic-mobile {
		    display: none;
		}

		@media screen and (max-width: 767px) {
		    .lawsuit-header {
		        display: block;
		        justify-content: initial;
		    }

		    .lawsuit-header h4 {
		        margin: .2em 0;
		    }

		    .lawsuit-topic {
		        display: none;
		    }

		    .lawsuit-topic-mobile {
		        display: block;
		    }
		}

		.lawsuit-meta {
		    display: flex;
		    justify-content: space-between;
		    font-family: "overpass", san-serif;
		    font-size: 1em;
		    margin: .5em 0;
		    padding-bottom: 10px;
		}


		.lawsuit-summary {
		    font-size: 0.9em;
		    line-height: 1.5em;
		    margin-bottom: 1em;
		    font-family: 'overpass', serif;
		}

		.lawsuit-role {
		    font-family: "overpass", san-serif;
		    font-size: 1em;
		    font-style: italic;
		    margin: .5em 0;
		}