.ui-content {
	overflow: hidden;
}
.content-secondary {
	border-right: 0;
	border-left: 0;
	margin: 10px -15px 0;
	background: #fff;
	border-top: 1px solid #ccc;
}
.list-detail {
	font-weight: lighter;
}
@media all and (min-width: 500px){
	.content-secondary {
		text-align: left;
		float: left;
		width: 45%;
	}
	.content-secondary {
		margin: 0;
		padding: 0;
		background: none;
		border-top: none;
		position: relative;
	}
	.content-secondary::after {
		content: "";
		display: inline-block;
		position: absolute;
		top: 0;
		right: 0;
		height: 1px;
		width: 1px;
		margin-bottom: -9999px;
		padding-bottom: 9999px;
		background: #bbb;
	}
	.content-primary {
		width: 45%;
		float: right;
		padding: 0.5em 6% 3em 0;
		margin: 0;
	}
	.content-secondary h2 {
		position: absolute;
		left: -9999px;
	}
}
@media all and (min-width: 750px){
	.content-secondary {
		width: 34%;
	}
	.content-primary {
		width: 56%;
		padding-right: 1%;
	}
}

@media all and (min-width: 1200px){
	.content-secondary {
		width: 30%;
		margin: 0;
		padding: 0;
	}
	.content-primary {
		width: 60%;
		margin-right: 5%;
		padding-right: 3%;
	}
}